基於jquery開發的UI框架有:DWZ、Ninja UI、Chico UI、PrimeUI、w2ui、jQuery UI、EasyUI、Liger UI、MiniUI、Smart UI、jwwui、jQueryTools、B-JUI等等。
推薦教學:jquery影片教學
基於jquery開發的UI框架
1、國產jQuery UI框架(jUI) DWZ
DWZ富客戶機框架(jQuery RIA framework), 是中國人自己開發的基於jQuery實現的Ajax RIA開源框架. 設計目標是簡單實用,快速開發,降低ajax開發成本。
2、jQuery的介面外掛 Ninja UI
#jQuery 是個非常優秀的 JavaScript 框架,而且還有相當多的外掛。其中的一些UI插件也相當的給力,例如 Ninja UI,是一款介面插件,使用它將能為你的物品增色不少。此外掛包含有幻燈,智慧提示等常見的效果。
3、jQuery的UI框架Chico UI
和jQuery UI 一樣,Chico UI 包含auto-complete, blink, carousel, countdown, date-picker, dropdown, expand, calendar 等諸多逐漸,同時也提供一個CSS 佈局框架,用於實現網頁佈局和表格。
4、jQuery UI 元件庫PrimeUI
PrimeUI 是PrimeFaces 團隊的一個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(如本站首頁右上角部分) 、拉簾效果(本站首頁左上角)、對話框、拖放效果、日期選擇、顏色選擇、資料排序、窗體大小調整等等非常多的內容。
7、jQuery EasyUI
jQuery easyui 為網頁開發提供了一堆的常用UI元件,包括選單、對話方塊、版面、窗簾、表格、表單等等元件,
下圖是一個具有佈局效果的視窗:
8、jQuery的UI框架Liger UI
LigerUI是基於jQuery開發的一系列控制組,包括表單、佈局、表格等等常用UI控制項使用LigerUI可以快速建立風格統一的介面效果
9、快速開發WebUI-- jQuery MiniUI
jQuery MiniUI - 快速開發WebUI。包含控制項:DataGrid、Tree、TreeGrid、Menu、Toolbar、Tabs、Layout、Panel、DatePicker、ComboBox、TreeSelect、TextBoxList等。典型應用:頁面佈局、CRUD、Master/Detail、資料驗證等。
10、jQuery的UI外掛程式Smart UI
JQuery Smart UI是基於JQuery的Ajax開發框架,實作前、後台分離、功能和資料分離,UI層全部使用htm js json完成,透過一個統一資料介面與服務端進行資料交換。
11、基於jquery的豐富客戶框架 jwwui
· jwwui是基於jQuery寫的一組html元件.使用簡單,功能強大,樣式自由度很大,每個組件都支援自訂樣式,並且支援組件自適應。
· 頁面運作效率高,看起來是富客戶端但運作速度就是輕量級網頁效果,本機或區域網路內更快。
12、jQuery的UI工具包jQueryTools
jQuery Tools 是目前網站開發中最常用的UI元件集合,包括:Tab、工具提示ToolTip、視窗滾動、Overlap、Expose和Flash嵌入,jQuery Tools 只有5.8k 大小(強烈建議)。
下圖是一個跳格控制的截圖
#13、B-JUI
B-JUI客戶端框架(Best jQuery UI),是基於Bootstrap樣式及jQuery庫實作的Ajax RIA開源框架。
B-JUI客戶端框架擴充方便、簡單易用,很多情況下只要熟悉HTML語法,使用HTML屬性就可以輕鬆用Ajax開發專案。對於javascript不太熟悉的程式設計師是非常方便的,他們只需要關注後端業務邏輯的實作就行了,前端頁面上只需要簡單的寫點HTML程式碼。
本框架基於Bootstrap前端樣式及jQuery庫開發,提供豐富的各類組件及UI,封裝有多種組件,及相關的Ajax請求調用,並且都以jQuery標準插件的方式組合在一起,所以非常方便進行二次開發或再擴展。
14、Webix
XB 軟體公司最近發布了JavaScript UI 庫Webix ,其中包含的元件超過45個,用這些元件可以建構跟HTML5和CSS3 相容的程序,這些程序不僅能在個人電腦上運行,還能用在iOS、 Android 和Blackberry 設備上運行。它能存取離線web儲存、地理位置( geolocation) API、能在畫布上繪圖,並整合了jQuery 和 Backbone.js。
更多程式相關知識,請造訪:程式設計入門! !
以上是基於jquery開發的UI框架有哪些的詳細內容。更多資訊請關注PHP中文網其他相關文章!