基于jquery開發(fā)的UI框架有:DWZ、Ninja UI、Chico UI、PrimeUI、w2ui、jQuery UI、EasyUI、Liger UI、MiniUI、Smart UI、jwwui、jQueryTools、B-JUI等等。
推薦教程:jquery視頻教程
基于jquery開發(fā)的UI框架
1、國產(chǎn)jQuery UI框架 (jUI) DWZ
DWZ富客戶端框架(jQuery RIA framework), 是中國人自己開發(fā)的基于jQuery實現(xiàn)的Ajax RIA開源框架. 設(shè)計目標(biāo)是簡單實用,快速開發(fā),降低ajax開發(fā)成本。
2、jQuery的界面插件 Ninja UI
jQuery 是一個非常優(yōu)秀的 JavaScript 框架,而且還有相當(dāng)多的插件。其中的一些UI插件也相當(dāng)?shù)慕o力,比如 Ninja UI,是一款界面插件,使用它將能給你的項目增色不少。此插件包含有幻燈,智能提示等常見的效果。
3、jQuery的UI框架 Chico UI
和 jQuery UI 一樣,Chico UI 包含 auto-complete, blink, carousel, countdown, date-picker, dropdown, expand, calendar 等諸多逐漸,同時還提供一個 CSS 布局框架,用于實現(xiàn)網(wǎng)頁布局和表格。
4、jQuery UI 組件庫 PrimeUI
PrimeUI 是 PrimeFaces 團(tuán)隊的一個 jQuery UI 組件庫,目前包含多個 UI 部件
5、Jquery的UI庫 w2ui
基于Jquery的UI庫,包含常用UI組件,如:布局、表格、樹形、Tabs、工具條、彈出菜單、表單等等。
采用Html5 + CSS3編寫,可以支持常用的瀏覽器,如:Chrome、FireFox7+、Safari 5+和IE 9+等。
6、jQuery UI組件 jQuery UI
jQueryUI 是一套 jQuery 的頁面 UI 插件,包含很多種常用的頁面空間,例如 Tabs(如本站首頁右上角部分) 、拉簾效果(本站首頁左上角)、對話框、拖放效果、日期選擇、顏色選擇、數(shù)據(jù)排序、窗體大小調(diào)整等等非常多的內(nèi)容。
7、jQuery EasyUI
jQuery easyui 為網(wǎng)頁開發(fā)提供了一堆的常用UI組件,包括菜單、對話框、布局、窗簾、表格、表單等等組件,
下圖是一個具有布局效果的窗口:
8、jQuery的UI框架 Liger UI
LigerUI是基于jQuery開發(fā)的一系列控件組,包括表單、布局、表格等等常用UI控件 使用LigerUI可以快速創(chuàng)建風(fēng)格統(tǒng)一的界面效果
9、快速開發(fā)WebUI– jQuery MiniUI
jQuery MiniUI – 快速開發(fā)WebUI。包含控件:DataGrid、Tree、TreeGrid、Menu、Toolbar、Tabs、Layout、Panel、DatePicker、ComboBox、TreeSelect、TextBoxList等。典型應(yīng)用:頁面布局、CRUD、Master/Detail、數(shù)據(jù)驗證等。
10、jQuery的UI插件 Smart UI
JQuery Smart UI是基于JQuery的Ajax開發(fā)框架,實現(xiàn)前、后臺分離、功能和數(shù)據(jù)分離,UI層全部使用htm+js+json完成,通過一個統(tǒng)一數(shù)據(jù)接口與服務(wù)端進(jìn)行數(shù)據(jù)交換。
11、基于jquery的富客戶端框架 jwwui
· jwwui是基于jQuery寫的一組html組件.使用簡單,功能強(qiáng)大,樣式自由度很大,每個組件都支持自定義樣式,并且支持組件自適應(yīng)。
· 頁面運(yùn)行效率高,看起來是富客戶端但運(yùn)行速度就是輕量級網(wǎng)頁效果,本機(jī)或局域網(wǎng)內(nèi)更快。
12、jQuery的UI工具包jQueryTools
jQuery Tools 是一個當(dāng)前網(wǎng)站開發(fā)中最最常用的UI組件集合,包括:Tab、工具提示ToolTip、窗口滾動、Overlap、Expose和Flash嵌入,jQuery Tools 只有 5.8k 大?。◤?qiáng)烈推薦)。
下圖是一個跳格控制的截圖
13、B-JUI
B-JUI客戶端框架(Best jQuery UI),是基于Bootstrap樣式及jQuery庫實現(xiàn)的Ajax RIA開源框架。
B-JUI客戶端框架擴(kuò)展方便、簡單易用,很多情況下只要熟悉HTML語法,使用HTML屬性就可以輕松用Ajax開發(fā)項目。對于javascript不太熟悉的程序員是非常方便的,他們只需要關(guān)注后端業(yè)務(wù)邏輯的實現(xiàn)就行了,前端頁面上只需要簡單的寫點HTML代碼。
本框架基于Bootstrap前端樣式及jQuery庫開發(fā),提供豐富的各類組件及UI,封裝有多種組件,及相關(guān)的Ajax請求調(diào)用,并且都以jQuery標(biāo)準(zhǔn)插件的方式組合在一起,所以非常方便進(jìn)行二次開發(fā)或再擴(kuò)展。
14、Webix
XB 軟件公司最近發(fā)布了JavaScript UI 庫Webix ,其中包含的組件超過45個,用這些組件可以構(gòu)建跟HTML5 和 CSS3 兼容的程序,這些程序不僅能在個人電腦上運(yùn)行,還能用在iOS、 Android 和 Blackberry 設(shè)備上運(yùn)行。它能訪問離線web存儲、地理位置( geolocation) API、能在畫布上繪圖,并集成了jQuery 和 Backbone.js。