MiniUI、Easyui、layui与Bootstrap对比

开发技术 903 0 2020-08-17

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的模板库可以选择或者购买。这几种前端框架具体选哪个,个人感觉还要考虑整体的前端技术架构,和实现的一些功能是否框架提供的组件能够覆盖,避免造轮子。


来源:https://blog.csdn.net/qq_43583597/article/details/96593507

上一篇:VR(Virtual Reality虚拟现实)介绍

下一篇:常用微信小程序开发工具快捷键

讨论数量:0

请先登录再发表讨论。 2024-03-28

天涯网魂
3 杠 5 星
TA 的文章
TA 的随言
TA 的资源链