Web开发 后台管理UI-整理篇

这个文章54it.com的小编作了一些整理和更新
如有版权问题请知会我删除/变动
谢谢

目录

0. 要求
1.EasyUI
2.DWZ JUI
3.H-UI
4.BUI
5.Ace Admin
6.Metronic
7.H+UI
8.Admin LTE
9.INSPINIA
10.LigerUI
11.其它UI
12.总结

要求：

一、美观、大方、简洁\开发快周期短容易部署
二、IE最低版本要兼容IE八、不考虑兼容IE6/IE7，Win7/IE8,XP/IE8,jQuery的版本不一样,兼容性也不一样,要注意选择
三、能经过选项卡打开多个页面，不想作单页，iframe也不要紧
四、性能好，不要太笨重
五、基本在PC跑,手机终端少,界面过小,有没有Bootstrap均可以
六、可复用。

1、EasyUI

官网：http://www.jeasyui.com/
有免费版，有商业版，商业版收费，帮助很是详尽
资源：http://www.jeasyui.net/
easyui是国人的的做品，但服务器在国外，官网也是英文的，这个网站相似官网的中文版

easyui是一种基于jQuery的用户界面插件集合。
easyui为建立现代化，互动，JavaScript应用程序，提供必要的功能。
使用easyui你不须要写不少代码，你只须要经过编写一些简单HTML标记，就能够定义用户界面。
easyui是个完美支持HTML5网页的完整框架。
easyui节省您网页开发的时间和规模。
easyui很简单但功能强大的。

优势：轻量、功能强大、免费、兼容性好、帮助详细、使用的人多生态好
缺点：非响应式布局、某些系统看起来有点土（客户与老板的感受、认为与最新的那些响应式UI有差距）
得到：搜索、网盘搜索大把被搭建好了基础功能的框架,如动态的ASP/PHP/NET和JAVA等。

2、DWZ JUI
官网：http://jui.org/
下载：https://github.com/dwzteam/

特色：DWZ富客户端框架(jQuery RIA framework), 是中国人本身开发的基于jQuery实现的Ajax RIA开源框架. 设计目标是简单实用,快速开发,下降ajax开发成本。

3、HUI

H-ui前端框架是在bootstrap的基础上基于 HTML、CSS、JAVASCRIPT开发的轻量级web前端框架
开源免费,简单灵活,兼容性好,知足大多数中国网站。
分了前端UI与后端UI。

官网：http://www.h-ui.net/H-ui.admin.shtml
后台:http://www.h-ui.net/
前台
下载：https://github.com/jackying/
缺点：感受用的人少，名气小，资料不全，配套组件很少，但国人的产品符合国人的口味。

4、BUI

阿里出品.BUI基于jQuery,兼容KISSY的UI类库，专致于解决后台系统的框架方案
提供了丰富的DPL含有强大的控件库对业务作了精细的分析。

官网：http://www.builive.com/

下载：https://github.com/dxq613/bui

感受也比较冷、与HUI有点相似的优势总体框架符合个人要求，但风格有种说不出的感受。

5、Ace Admin

响应式Bootstrap网站后台管理系统模板，很是不错的轻量级易用的admin后台管理系统
基于Bootstrap3，拥有强大的功能组件以及UI组件，基本能知足后台管理系统的需求，并且能根据不一样设备适配显示，并且还有四个主题能够切换。
之前收费，最新版再也不收费了。

下载：https://github.com/bopoda/ace

官网：http://ace.jeka.by/

比较全，功能强大,组件多，美观，只是用了不少不一样的插件，兼容性不错。

兼容的浏览器：

Internet Explorer 10
Internet Explorer 11
Internet Explorer 8
Internet Explorer 9
Latest Chrome
Latest Firefox
Latest Opera
Latest Safari

使用的插件：

使用到的插件并无分开存放，使用起来会麻烦一些。
另外该插件也被不少人简化、修改为选项卡+iframe风格了。

小编的同事尝试和后端动态结合,发现其左侧菜单动态化较为麻烦,不像左右Iframe布局,整合起来代码量比较大
并且是欧美人的风格,国人操做起来要逐步习惯.

6、Metronic

Metronic 基于强大的Bootstrap 框架实现。
拥有简洁优雅的 Metro UI 风格界面，6 种颜色可选，76 个模板页面，包括图表、表格、地图、消息中心、监控面板等后台管理项目所需的各类组件。

页面规范、精致、细腻、美观大方；功能强大、很是全；在全部我看到过的基于Bootstrap的网站模版中
Metronic是我认为最优秀的之一，其外观之友好、功能之全面让人惊叹。
Metronic 是一个自适应的HTML模版，提供后台管理模版和前端内容网页模版两种风格。

优势：
支持HTML5 和 CSS3
自适应，基于响应式 Twitter Bootstrap框架，同时面向桌面电脑、平板、手机等终端。
整合AngularJS 框架。
可自定义管理面板，包括灵活的布局、主题、导航菜单、侧边栏等。
提供了部分电子商务模块：CMS, CRM, SAAS。
多风格，提供了3个前端风格，7个后端管理面板风格。
简洁扁平风格设计。
700多个网页模版，1500多个UI小组件，100多个表单，80多个jQuery插件。
提供说明文档。

缺点：
太大了，真的不知道从那里开始
对IE的兼容很差，虽然官方声称支持IE8，但我测试结果不支持
收费，价格是$28

7、H+ UI
收费998人民币
彻底响应式，基于Bootstrap3.3.6的扁平化主题
采用左右两栏式布局，使用Html5+CSS3
提供了诸多的强大的能够从新组合的UI组件，集成jQuery(v2.1.4)
能够对她进行深度定制，以作出更强系统。

官网：http://www.zi-han.net/theme/hplus/
与Metronic与INSPINIA很是像，插件很是多，。

8、Admin LTE

基于Bootstrap 3.x免费主题，彻底响应式管理模板。
高度可定制的，易于使用。
适合从小型移动设备到大的台式机不少的屏幕分辨率。

下载：https://github.com/almasaeed2010/AdminLTE （目前star 11652+）

预览: http://almsaeedstudio.com/preview/

官网：Free Bootstrap Admin Template

浏览器支持：
IE 9+
Firefox (latest)
Chrome (latest)
Safari (latest)
Opera (latest)

插件：

特色：

响应式布局，支持多种设备
打印加强
丰富可排序的面板组件
18个插件与3个自定义插件
轻量、快速
兼容主流浏览器，IE8不兼容
支持Glyphicons, Fontawesome和Ion图标

总体感受与Metronic相似、功能强大，UI精致，被许多公司使用。

9、INSPINIA

收费$18。
基于平面设计理念的管理模板。
Bootstrap3 +HTML5和CSS3。
集成了jQuery插件。
用于全部类型的web应用程序自定义管理面板中,项目管理系统,管理仪表板,应用程序的后端,CMS或CRM。

与Metronic同样，风格也比较像，我的认为比Metronic还要强大一些，页面规范、精致、细腻、美观大方；功能强大、很是全；在全部我看到过的基于Bootstrap的网站模版中，Metronic是我认为最优秀的之一，其外观之友好、功能之全面让人惊叹。

浏览器兼容：

IE 9, 10, 11
Latest Chrome
Latest Firefox
Latest Opera
Latest Safari

演示地址：http://wrapbootstrap.com/preview/WB0R5L90S

特色：

相对Metronic准备了不少个版本，好比：

Static version, AngularJS, ASP.NET MVC5/MVC6, Meteor and Ruby on Rails version

插件不少，但都按引用分文件夹存放了，静态版本中我看了就是48个插件，有PSD源文件

详细介绍：https://wrapbootstrap.com/theme/inspinia-responsive-admin-theme-WB0R5L90S

10、LigerUI
LigerUI中国人开发的、免费。
基于jQuery 的UI框架，其核心设计目标是快速开发、使用简单、功能强大、轻量级、易扩展。
简单而又强大，致力于快速打造Web前端界面解决方案
能够应用于.net,jsp,php等等web服务器环境。

官网：http://www.ligerui.com/

演示：http://www.ligerui.com/demo.html

特色：

使用简单，轻量级
控件实用性强，功能覆盖面大，能够解决大部分企业信息应用的设计场景
快速开发，使用LigerUI能够比传统开发减小极大的代码量
易扩展，包括默认参数、表单/表格编辑器、多语言支持等等
支持Java、.NET、PHP等web服务端
支持 IE6+、Chrome、FireFox等浏览器
开源，源码框架层次简单易懂。

API: http://api.ligerui.com/
演示地址: http://demo.ligerui.com/
源码下载: http://git.oschina.net/ligerui/LigerUI/

技术支持： http://www.cnblogs.com/leoxie2011/

我的感受文档比较全，也有公司的信息系统使用了该UI
但整合感受比不上EasyUI，与DotNet亲一点感受，
DWZ则与Java亲近一些。

11、其它UI

12、总结

没有形式就没有内容、UI重要，特别是当客户与老板不懂太多关于代码、功能、性能的时候。

上面的UI你也许能够经过各类途径得到，但商业应用请慎重。