纯干货｜国内国外的高大上的后台管理系统模版分享，免费版的也太香了吧！（附下载链接）

产品目录

前段时间要做两个民营企业的OA控制系统，从前始终采用EasyUI，所有人都好，但觉得有点儿土了，想改成那时盛行的Bootstrap为依据的前台UI艺术风格，想满足用户的前提如果达至如下表所示两个：

1、美观、大方、简约

2、相容IE8、不考量相容IE6/IE7，因为那时还有许多公司在采用Win7控制系统，控制系统内建了IE8

3、能透过工具栏关上数个网页，不该做白眉林，iframe也说实话

4、操控性好，千万别太轻巧

5、最合适以Bootstrap为依据

6、还期望在之后其它控制系统中能F83E43Se。

无数次反反复复苦恼的优先选择开始了，给我们如是说下我考量过的UI，也给我们两个参照。

一、EasyUI

easyui是一种如前所述jQuery的界面插件集合。

easyui为建立现代，交互，JavaScript插件，提供更多必要性的机能。

采用easyui你不须要写许多标识符，你只须要透过撰写一些单纯HTML记号，就可以表述界面。

easyui是个轻松全力支持HTML5网页的完备架构。

easyui节约您网页合作开发的时间和体量。

easyui很单纯但使用方便的。

优点：轻量、使用方便、免费、相容性好、帮助详细、采用的人多生态好

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

获得：上网搜索、网盘搜索大把被搭建好了此基础机能的架构。浏览

浏览后我们可以替改成最新的1.5版的easyui

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

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

二、DWZ JUI

特点：DWZ富客户端架构(jQuery RIA framework), 是中国人自己合作开发的如前所述jQuery实现的Ajax RIA开源架构. 设计目标是单纯实用,快速合作开发,降低ajax合作开发成本。

官网：http://jui.org/

浏览：https://github.com/dwzteam/

三、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/

缺点：觉得用的人少，名气小，资料不全，配套组件不多，但国人的产品符合国人的口味。

四、BUI

BUI她是如前所述jQuery,相容KISSY的UI类库，专致于解决前台控制系统的架构方案，BUI提供更多了丰富的DPL含有强大的控件库对业务做了精细的分析。

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

浏览：https://github.com/dxq613/bui

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

五、Ace Admin

响应式Bootstrap网站前台管理控制系统模板ace admin，非常不错的轻量级易用的admin前台管理控制系统，如前所述Bootstrap3，拥有强大的机能组件以及UI组件，基本能满足用户前台管理控制系统的需求，而且能根据不同设备适配显示，而且还有四个主题可以切换。从前收费，好像最新版不再收费了。

浏览：https://github.com/bopoda/ace

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

觉得比较全，使用方便,组件多，美观，只是用了许多不同的插件，相容性不错。

相容的浏览器：

采用的插件：

View Code

采用到的插件并没有分开存放，采用起来会麻烦一些。

另外该插件也被许多人简化、修改成选项卡+iframe艺术风格了。

六、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，但我测试结果不全力支持

收费，今天的价格是$28

七、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非常像，插件非常多，收费998人民币。

八、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)

插件

View Code

特点：

整体觉得与Metronic类似、使用方便，UI精致，被许多公司采用。

评论中感谢网友（dotNetDR_、醉丶千秋）推荐，确定是值得关注的两个UI。

九、INSPINIA

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

与Metronic一样，艺术风格也比较像，个人认为比Metronic还要强大一些，网页规范、精致、细腻、质量上乘；使用方便、非常全；在所有我看到过的如前所述Bootstrap的网站模板中，Metronic是我认为最优秀的之一，其外观之友好、机能之全面让人惊叹。Metronic 是两个自适应的HTML模板，提供更多前台管理模板和前端内容网页模板两种艺术风格。

浏览器相容：

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

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

特点：

相对Metronic他准备了许数个版本，比如：

Static version, AngularJS, http://ASP.NETMVC5/MVC6, Meteor and Ruby on Rails version

插件许多，但都按引用分文件夹存放了，静态版本中我看了就是48个插件，有PSD源文件，提供更多的文件包含：

View Code

详细如是说：https://wrapbootstrap.com/theme/inspinia-responsive-admin-theme-WB0R5L90S

十、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中国人合作开发的、免费。

十四、FineUI

如前所述 jQuery / ExtJS 的 http://ASP.NET控件库、建立 No JavaScript，No CSS，No UpdatePanel，No ViewState，No WebServices 的网站插件。

该UI也是国人的作品，开源、免费、至今有100数个版本了，个人觉得界面不算难看，控件多，帮助说明也有不少；但只是为http://ASP.NET量身定做的，有一定的局限性；重，非常重，ExtJS+http://ASP.NET的网页状态就更加重了。

官网：http://fineui.com/论坛：http://fineui.com/bbs/示例：http://fineui.com/demo/文档：http://fineui.com/doc/浏览：http://fineui.codeplex.com/

十四、其他UI

1. AdminLTE

Github Star 数 24969 ， Github 地址：

非常盛行的如前所述 Bootstrap 3.x 的免费的前台 UI 架构。

2. vue-Element-Admin

Github Star 数 19546， Github 地址：

两个如前所述 vue2.0 和 Eelement 的控制面板 UI 架构。

3. tabler

Github Star 数 15870， Github 地址：

构建在 BootStrap 4 之上的免费的 HTML 控制面板架构

4. Gentelella

Github Star 数 15654， Github 地址：

两个如前所述 Bootstarp 的免费的前台控制面板。

5. ng2-admin

Github Star 数 13181， Github 地址：

如前所述 Angular 2, Bootstrap 4 和 Webpack 的前台管理面板架构。

6. ant-design-pro

Github Star 数 12707，Github 地址：

开箱即用的中台前端/设计解决方案

7. blur-admin

Github Star 数 9241，Github 地址：

如前所述 Angular 和 Bootstrap 的前台管理面板架构。

8. vue-admin

Github Star 数 8676，Github 地址：

如前所述 Vue 和 Bulma 的控制面板。

9. iview-admin

Github Star 数 8668，Github 地址：

如前所述 iView 的 Vue 2.0 控制面板。

10. material-dashboard

Github Star 数 7111，Github 地址：

如前所述 Bootstrap 4 和 Material 艺术风格的控制面板。

十四、归纳下浏览

没有形式就没有内容、UI重要，特别是当客户与老板不懂太多关于标识符、机能、操控性的时候。

上面的UI你也许可以透过各种途径获得，但商业应用请慎重。

想来想去还是拿不定主意，不过有点儿想法：

1、采用HUI和bootstrap

2、采用EasyUI的架构，内容页采用HUI+BootStrap，iframe工具栏

3、从各个使用方便的网页中拿一些插件过来

欢迎我们补充；

本文转载>博客园:张果