常见前端框架MiniUI、Easyui、layui与Bootstrap对比

　　最近要做一个后端的系统，boos让找个框架给他，顺道就写了一个这个。首先声明一下自己并不是专门做前端的不对的地方请评论指出，而且大多此文章以表格为中心进行说明的。

MiniUI

　　一个基于jquery 的框架，开发的界面功能都很丰富。它能缩短开发时间，减少代码量，使开发者更专注于业务和服务端，轻松实现界面开发，带来绝佳的用户体验。

　　使用MiniUI，开发者可以快速创建Ajax无刷新、B/S快速录入数据、CRUD、Master-Detail、菜单工具栏、弹出面板、布局导航、数据验证、分页表格、树、树形表格等典型WEB应用系统界面。

　　界面做的挺不错，功能也挺丰富。

　　功能特点：

　　强大表格控件

　　实现锁定列、多表头、分页排序、行过滤、数据汇总、单元格编辑、详细行信息、Excel导出等功能。

　　● 树形控件

　　实现懒加载、CheckBox选择、节点绘制、折叠展开、节点编辑、增加、删除、修改、移动节点。

　　● 表单控件

　　包含：弹出选择框、文本输入框、数字输入框、日期选择框、下拉选择框、下拉树形选择框、下拉表格选择框、文件上传控件、多选框、列表框、多选框组、单选框组、按钮等。

　　开发者可以批量操作表单控件，比如表单加载、提交、验证等。

　　● 布局控件

　　包含：标题面板、弹出面板、折叠分割器、布局器、表单布局器等。

　　● 导航控件

　　包含：分页导航器、导航菜单、选项卡、菜单、工具栏等。

　　● 数据验证

　　输入框组件可以监听处理验证事件，自定义验证规则。

　　当验证失败时，会自动减少宽度，显示一个提示图标。

　　● 格式化显示

　　组件支持格式设置(format)，灵活控制相同的数据不同的展现格式。

　　表格控件可以格式化显单元格内容。

　　● 外观自定义

　　开发者可以通过修改CSS样式，改变组件外观，定制出自己的风格。

　　● 语言本地化

　　支持组件字符串本地化定义，实现多语言切换。

　　● 跨浏览器

　　支持IE(1.6+)、FireFox、Chrome、Opera、Safari等所有主流浏览器。

　　● 跨开发平台

　　支持多服务端平台，如Java、.NET、PHP、ASP、ColdFusion、Ruby on Rails等

Easyui

　　一个是彪悍妇女，昨日黄花，强而丑

　　easyui帮助你构建你的web应用更加容易。它是一个基于jquery的插件，开发出来的一套轻量级的ui框架，非常小巧而且功能丰富。

　　但是她有一个最大的问题就是代码只能找到以前的开源的版本。

　　jQuery EasyUI有以下特点：

　　• 基于jquery用户界面插件的集合

　　• 为一些当前用于交互的js应用提供必要的功能

　　• 使用 EasyUI你不需要写很多的javascript代码，通常只需要写HTML标记来定义用户界面即可

　　• 支持HTML5

　　• 开发产品时可节省时间和资源

　　• 简单，但很强大

　　• 支持扩展，可根据自己的需求扩展控件

　　• 目前各项不足正已版本递增的方式不断完善

　　总结：由于把视图层与控制层的分离，所以需要我们编写大段的html代码，导致代码不义易维护，很难定位到当前的组件!功能相对薄弱、需要自己定制组件、不利于浏览器的兼容!同样他优秀的组件库、强大的扩展能力使得我们依然可以用它架构一个出色的项目、对于开发人员能力要求比较高(精通Ajax、Html/Css，熟悉JS)，由于是免费的(好像不开源)，目前拥护人员也是相当的多!

layui

　　一个是邻家女孩，尚处芳龄，简而纯

　　Layui 诞生于2016年金秋，是一款带着浓烈情怀的国产前端UI框架，她追求极简，又不失丰盈的内在，说她是史上最轻量的结晶，似乎并不为过。一切都源自于她对原生态的执着，对前端社区的那些噪杂声音的过滤，以及她本身的精心雕琢。

　　适用范围对比：

　　其实更偏向与后端开发人员使用，在服务端页面上有非常好的效果做后台框架。

　　作者“贤心”都说了，开发这个框架的出发点是为了满足服务端程序员的需求。所以你懂得。

　　layui是提供给后端开发人员最好的ui框架，基于DOM驱动，在实现前端交互上比较麻烦，页面的增删改查都需要查询DOM元素。所以在不需要交互的时候，用layui还是不错的。

Bootstrap

　　Bootstrap是由Twitter在2011年8月推出的开源WEB前端框架，集合CSS和HTML，使用了最新的浏览器技术，为快速WEB开发提供了一套前端工具包，包括布局、网格、表格、按钮、表单、导航、提示，其核心就是基于Less框架构建的CSS。Bootstrap框架拥有美观的样式和封装完善的JQ插件，使用方便，基于Bootstrap的扩展也很多，这是其他框架所无法比拟的，也是其最受欢迎的条件之一。

　　Foundation宣称是世界最好的响应式前端框架，默认支持5种网格布局，是三款框架中最复杂也是最灵活的。Bootstrap默认支持四种网格布局，Pure默认支持一种。相对来说是比较成熟的一个框架，现在已经更新到4.X版本。是一个很成熟的框架。在前端响应式方面做得很好，PC端和移动端表现都不错，做网站不错。 如果是类似官网，且需要同时满足PC端和移动端效果，bs表现很好。但是如果是要交互的网站，比如商城之类，vue显然更好，前后端分离，大小不一样一个轻量级，一个成熟所以使用方便所以你懂bs是很流行的一种前端框架，除了一些javascript特效并不过分依赖jQuery。miniui很依赖jQuery，所以相比之下，bootstrap的可定制性更好。但纵观几种框架，都并不是只针对后台管理系统。选择bootstrap可能优势在于版本很新(目前已到4.0版本)使用的人多，国际上都很流行，并且迭代很稳定。同时有很fancy的模板库可以选择或者购买。这几种前端框架具体选哪个，个人感觉还要考虑整体的前端技术架构，和实现的一些功能是否框架提供的组件能够覆盖，避免造轮子。