一、EasyUI

easyui是一種基于jQuery的用戶界面插件集合。

easyui為創(chuàng)建現(xiàn)代化，互動(dòng)，JavaScript應(yīng)用程序，提供必要的功能。

使用easyui你不需要寫很多代碼，你只需要通過編寫一些簡單HTML標(biāo)記，就可以定義用戶界面。

easyui是個(gè)完美支持HTML5網(wǎng)頁的完整框架。

easyui節(jié)省您網(wǎng)頁開發(fā)的時(shí)間和規(guī)模。

easyui很簡單但功能強(qiáng)大的。

優(yōu)點(diǎn)：輕量、功能強(qiáng)大、免費(fèi)、兼容性好、幫助詳細(xì)、使用的人多生態(tài)好

缺點(diǎn)：非響應(yīng)式布局、某些系統(tǒng)看起來有點(diǎn)土（客戶與老板的感覺、確實(shí)與最新的那些UI有差距）

獲得：上網(wǎng)搜索、網(wǎng)盤搜索大把被搭建好了基礎(chǔ)功能的框架。下載

下載后大家可以替換成最新的1.5版的easyui

官網(wǎng)：http://www.jeasyui.com/，有免費(fèi)版，有商業(yè)版，商業(yè)版收費(fèi)，幫助非常詳盡

資源：http://www.jeasyui.net/，easy是國外的產(chǎn)品，這個(gè)網(wǎng)站類似官網(wǎng)的中文版

二、DWZ JUI

特點(diǎn)：DWZ富客戶端框架(jQuery RIA framework), 是中國人自己開發(fā)的基于jQuery實(shí)現(xiàn)的Ajax RIA開源框架. 設(shè)計(jì)目標(biāo)是簡單實(shí)用,快速開發(fā),降低ajax開發(fā)成本。

官網(wǎng)：http://jui.org/

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

三、HUI

H-ui前端框架是在bootstrap的思想基礎(chǔ)上基于 HTML、CSS、JAVASCRIPT開發(fā)的輕量級web前端框架,開源免費(fèi),簡單靈活,兼容性好,滿足大多數(shù)中國網(wǎng)站。分了前端UI與后端UI。

官網(wǎng)：http://www.h-ui.net/H-ui.admin.shtml 后臺，http://www.h-ui.net/ 前臺

下載：https://github.com/jackying/

缺點(diǎn)：感覺用的人少，名氣小，資料不全，配套組件不多，但國人的產(chǎn)品符合國人的口味。

四、BUI

BUI她是基于jQuery,兼容KISSY的UI類庫，專致于解決后臺系統(tǒng)的框架方案，BUI提供了豐富的DPL含有強(qiáng)大的控件庫對業(yè)務(wù)做了精細(xì)的分析。

官網(wǎng)：http://www.builive.com/

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

感覺也比較冷、與HUI有點(diǎn)類似的優(yōu)點(diǎn)整體框架符合我的要求，但風(fēng)格有種說不出的感覺。

五、Ace Admin

響應(yīng)式Bootstrap網(wǎng)站后臺管理系統(tǒng)模板ace admin，非常不錯(cuò)的輕量級易用的admin后臺管理系統(tǒng)，基于Bootstrap3，擁有強(qiáng)大的功能組件以及UI組件，基本能滿足后臺管理系統(tǒng)的需 求，而且能根據(jù)不同設(shè)備適配顯示，而且還有四個(gè)主題可以切換。以前收費(fèi)，好像最新版不再收費(fèi)了。

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

官網(wǎng)：http://ace.jeka.by/

感覺比較全，功能強(qiáng)大,組件多，美觀，只是用了很多不同的插件，兼容性不錯(cuò)。

兼容的瀏覽器：

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

使用的插件：

jQuery 2.0.3jQuery UI 1.10.3 (Custom Build)Twitter Bootstrap 3.0.0FontAwesome 3.2.1Google "Open Sans" FontjQuery Flot Charts 0.8.1jQuery Sparklines 2.1.2Easy Pie Chart 1.2.5jQuery Knob 1.2.0jQuery Validate 1.11.1FuelUX 2.3.0 (Spinner & Wizard & Treeview)FullCalendar 1.6.4jQuery ColorBox 1.4.27jQuery dataTables 1.9.4jQuery Chosen 1.0jQuery Masked Input 1.3.1jQuery Input Limiter 1.3.1jQuery AutoSize 1.17.7Bootstrap ColorpickerBootstrap DatepickerBootstrap Timepicker v0.2.3Bootstrap DateRange Picker 1.2Bootbox.js 4.0.0jQuery Gritter 1.7.4jQuery slimScroll 1.1.1Spin.js 1.3.0jQuery UI Touch Punch 0.2.2Google Code PrettifyExplorerCanvasMindmup Wysiwyg EditorToopay Markdown Editor 1.1.4X-editable 1.4.6Select2 3.4.2Bootstrap Tags 2.2.5jQuery Mobile 1.3.2 (Custom Build)jqGrid 4.5.2Dropzone.js 3.0Nestable lists plugin

使用到的插件并沒有分開存放，使用起來會(huì)麻煩一些。

另外該插件也被很多人簡化、修改成選項(xiàng)卡+iframe風(fēng)格了。

六、Metronic

Metronic 是一套精美的響應(yīng)式后臺管理模板，基于強(qiáng)大的 Twitter Bootstrap 框架實(shí)現(xiàn)。Metronic 擁有簡潔優(yōu)雅的 Metro UI 風(fēng)格界面，6 種顏色可選，76 個(gè)模板頁面，包括圖表、表格、地圖、消息中心、監(jiān)控面板等后臺管理項(xiàng)目所需的各種組件。

頁面規(guī)范、精致、細(xì)膩、美觀大方；功能強(qiáng)大、非常全；在所有我看到過的基于Bootstrap的網(wǎng)站模版中，Metronic是我認(rèn)為最優(yōu)秀的，其 外觀之友好、功能之全面讓人驚嘆。Metronic 是一個(gè)自適應(yīng)的HTML模版，提供后臺管理模版和前端內(nèi)容網(wǎng)頁模版兩種風(fēng)格。

優(yōu)點(diǎn)：

支持HTML5 和 CSS3
自適應(yīng)，基于響應(yīng)式 Twitter Bootstrap框架，同時(shí)面向桌面電腦、平板、手機(jī)等終端。
整合AngularJS 框架。
可自定義管理面板，包括靈活的布局、主題、導(dǎo)航菜單、側(cè)邊欄等。
提供了部分電子商務(wù)模塊：CMS, CRM, SAAS。
多風(fēng)格，提供了3個(gè)前端風(fēng)格，7個(gè)后端管理面板風(fēng)格。
簡潔扁平風(fēng)格設(shè)計(jì)。
700多個(gè)網(wǎng)頁模版，1500多個(gè)UI小組件，100多個(gè)表單，80多個(gè)jQuery插件。
提供說明文檔。

缺點(diǎn)：

太大了，真的不知道從那里開始

對IE的兼容不好，雖然官方聲稱支持IE8，但我測試結(jié)果不支持

收費(fèi)，今天的價(jià)格是$28

七、H+ UI

官網(wǎng)的介紹：H+是一個(gè)完全響應(yīng)式，基于Bootstrap3.3.6最新版本開發(fā)的扁平化主題，她采用了主流的左右兩欄式布局，使用了 Html5+CSS3等現(xiàn)代技術(shù)，她提供了諸多的強(qiáng)大的可以重新組合的UI組件，并集成了最新的jQuery版本(v2.1.4)，當(dāng)然，也集成了很多功 能強(qiáng)大，用途廣泛的jQuery插件，她可以用于所有的Web應(yīng)用程序，如網(wǎng)站管理后臺，網(wǎng)站會(huì)員中心，CMS，CRM，OA等等，當(dāng)然，您也可以對她進(jìn) 行深度定制，以做出更強(qiáng)系統(tǒng)。

官網(wǎng)：http://www.zi-han.net/theme/hplus/

與Metronic非常像，插件非常多，收費(fèi)998人民幣。

八、其它UI

九、總結(jié)

沒有形式就沒有內(nèi)容、UI重要，特別是當(dāng)客戶與老板不懂太多關(guān)于代碼、功能、性能的時(shí)候。

上面的UI你也許可以通過各種途徑獲得，但商業(yè)應(yīng)用請慎重。

想來想去還是拿不定主意，不過有點(diǎn)想法：

1、使用HUI和bootstrap

2、使用EasyUI的框架，內(nèi)容頁使用HUI+BootStrap，iframe選項(xiàng)卡

3、從各個(gè)功能強(qiáng)大的頁面中拿一些插件過來

轉(zhuǎn)載于:https://www.cnblogs.com/walblog/p/7497456.html

總結(jié)

以上是生活随笔為你收集整理的后台管理UI模板的全部內(nèi)容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網(wǎng)站內(nèi)容還不錯(cuò)，歡迎將生活随笔推薦給好友。