admin UI【转】

转自 http://www.bcxue.com/thread-36100-1-1.html

一个好的UI应该满足的条件应该达到如下几个：

1. 美观、大方、简洁
2. 兼容 IE8、不考虑兼容 IE6/IE7，因为现在还有很多公司在使用 Win7 系统，系统内置了 IE8
3. 能通过选项卡打开多个页面，不想做单页，iframe 也没关系
4. 性能好，不要太笨重
5. 最好以 Bootstrap 为基础
6. 还希望在以后别的系统中能够复用。

给大家介绍下我考虑过的 UI，也给大家一个参考，如果你有更好的欢迎联系我补充....（PS：排名不分先后）

1、EasyUI

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

优点：轻量、功能强大、免费、兼容性好、帮助详细、使用的人多生态好

缺点：非响应式布局、某些系统看起来有点土（客户与老板的感觉、确实与最新的那些 UI 有差距）

获得：上网搜索、网盘搜索大把被搭建好了基础功能的框架。

下载后大家可以替换成最新的 1.5 版的 easyui

官网：http://www.jeasyui.com/，有免费版，有商业版，商业版收费，帮助非常详尽

资源：http://www.jeasyui.net/，easyui 是国人的的作品，但服务器在国外，官网也是英文的，这个网站类似官网的中文版

2、DWZ JUI

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

官网：http://jui.org/

下载：https://github.com/dwzteam/

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 类库，专致于解决后台系统的框架方案，BUI 提供了丰富的 DPL 含有强大的控件库对业务做了精细的分析。

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

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

感觉也比较冷、与 HUI 有点类似的优点整体框架符合我的要求，但风格有种说不出的感觉。

5、Ace Admin

响应式 Bootstrap 网站后台管理系统模板 ace admin，非常不错的轻量级易用的 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风格了。

6、Metronic

Metronic 是一套精美的响应式后台管理模板，基于强大的 Twitter Bootstrap 框架实现。Metronic 拥有简洁优雅的 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，但我测试结果不支持

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

支持：http://metronic.kp7.cn/

7、H+ UI

官网的介绍：H+ 是一个完全响应式，基于 Bootstrap3.3.6 最新版本开发的扁平化主题，她采用了主流的左右两栏式布局，使用了 Html5+CSS3 等现代技术，她提供了诸多的强大的可以重新组合的UI组件，并集成了最新的 jQuery 版本(v2.1.4)，当然，也集成了很多功能强大，用途广泛的 jQuery 插件，她可以用于所有的 Web 应用程序，如网站管理后台，网站会员中心，CMS，CRM，OA 等等，当然，您也可以对她进行深度定制，以做出更强系统。

官网：http://www.zi-han.net/theme/hplus/

与 Metronic 与 INSPINIA 非常像，插件非常多

8、Admin LTE

AdminLTE 是一个基于 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 精致，被许多公司使用,确定是值得关注的一个 UI。

9、INSPINIA

INSPINIA 是平面设计理念的管理模板。它是充分响应的由 Bootstrap3 +框架开发的模板,HTML5 和 CSS3。它有很多可重用的 UI 组件和集成了最新的 jQuery 插件。它可以用于所有类型的 web 应用程序自定义管理面板中,项目管理系统,管理仪表板,应用程序的后端, CMS 或 CRM 。

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

浏览器兼容：

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

收费，今天的价格是$18。

演示地址：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 等浏览器
开源，源码框架层次简单易懂。

下载：http://pan.baidu.com/s/1o83vRZk

API:         http://api.ligerui.com/

演示地址:  http://demo.ligerui.com/

源码下载:  http://git.oschina.net/ligerui/LigerUI/ (源码托管)

http://pan.baidu.com/s/1D0AVO (V1.2.3)

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

个人感觉文档比较全，也有公司的信息系统使用了该 UI（去年我去一家公司培训他们就使用该 UI，后面上头说要换漂亮些的，他们纠结好久），但整合感觉比不上 EasyUI，与 DotNet 亲一点感觉，DWZ 则与 Java 新一些。

LigerUI 中国人开发的、免费。

11、hteos

官网：http://www.hteos.com
演示：http://demo.hteos.com/

12、layerUI

demo：http://www.layui.com/demo/
文档： http://www.layui.com/doc/
13、builive

官网：http://www.builive.com/
文档：http://www.builive.com/docs/api/index.html
14、jQuery MiniUI

官网：http://www.miniui.com/
demo：http://www.miniui.com/demo/
文档：http://www.miniui.com/docs/

15. FastAdmin – 基于ThinkPHP5和Bootstrap的极速后台开发框架




FastAdmin
基于 ThinkPHP5 和 Bootstrap 的极速后台开发框架
官网：http://www.fastadmin.net/
demo：http://demo.fastadmin.net/admin/index/login.html  （admin 123456）
文档：http://doc.fastadmin.net/

转自 http://www.bcxue.com/thread-36100-1-1.html