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

查看付费资源请通过右侧购买区域进行购买!

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

MiniUI

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

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

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

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

  功能特点:

  强大表格控件

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

  ● 树形控件

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

  ● 表单控件

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

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

  ● 布局控件

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

  ● 导航控件

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

  ● 数据验证

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

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

  ● 格式化显示

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

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

  ● 外观自定义

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

  ● 语言本地化

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

  ● 跨浏览器

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

  ● 跨开发平台

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

Easyui

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

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

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

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

  jQuery EasyUI有以下特点:

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

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

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

  • 支持HTML5

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

  • 简单,但很强大

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

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

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

layui

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

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

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

  适用范围对比:

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

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

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

Bootstrap

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

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

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

转载请说明出处内容投诉
仿站网 » 常见前端框架MiniUI、Easyui、layui与Bootstrap对比

发表评论

您需要后才能发表评论

仿站网专注帝国cms仿站,Zblog仿站,Wordpress仿站服务,专业+效率+售后保障

关于我们 联系客服
 
QQ在线咨询
客服热线
139-3511-2134