首頁 >web前端 >js教程 >基於jquery開發的UI框架有哪些

基於jquery開發的UI框架有哪些

青灯夜游
青灯夜游原創
2020-12-18 15:28:114690瀏覽

基於jquery開發的UI框架有:DWZ、Ninja UI、Chico UI、PrimeUI、w2ui、jQuery UI、EasyUI、Liger UI、MiniUI、Smart UI、jwwui、jQueryTools、B-JUI等等。

基於jquery開發的UI框架有哪些

推薦教學:jquery影片教學

基於jquery開發的UI框架

1、國產jQuery UI框架(jUI) DWZ

基於jquery開發的UI框架有哪些

DWZ富客戶機框架(jQuery RIA framework), 是中國人自己開發的基於jQuery實現的Ajax RIA開源框架. 設計目標是簡單實用,快速開發,降低ajax開發成本。 

2、jQuery的介面外掛 Ninja UI

基於jquery開發的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

基於jquery開發的UI框架有哪些

PrimeUI 是PrimeFaces 團隊的一個jQuery UI 元件庫,目前包含多個UI 元件

5、Jquery的UI庫w2ui

基於jquery開發的UI框架有哪些

基於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元件,包括選單、對話方塊、版面、窗簾、表格、表單等等元件,

下圖是一個具有佈局效果的視窗:

基於jquery開發的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

基於jquery開發的UI框架有哪些

·  jwwui是基於jQuery寫的一組html元件.使用簡單,功能強大,樣式自由度很大,每個組件都支援自訂樣式,並且支援組件自適應。

·  頁面運作效率高,看起來是富客戶端但運作速度就是輕量級網頁效果,本機或區域網路內更快。

12、jQuery的UI工具包jQueryTools

jQuery Tools 是目前網站開發中最常用的UI元件集合,包括:Tab、工具提示ToolTip、視窗滾動、Overlap、Expose和Flash嵌入,jQuery Tools 只有5.8k 大小(強烈建議)。

下圖是一個跳格控制的截圖

基於jquery開發的UI框架有哪些

#13、B-JUI

基於jquery開發的UI框架有哪些

B-JUI客戶端框架(Best jQuery UI),是基於Bootstrap樣式及jQuery庫實作的Ajax RIA開源框架。
B-JUI客戶端框架擴充方便、簡單易用,很多情況下只要熟悉HTML語法,使用HTML屬性就可以輕鬆用Ajax開發專案。對於javascript不太熟悉的程式設計師是非常方便的,他們只需要關注後端業務邏輯的實作就行了,前端頁面上只需要簡單的寫點HTML程式碼。
  本框架基於Bootstrap前端樣式及jQuery庫開發,提供豐富的各類組件及UI,封裝有多種組件,及相關的Ajax請求調用,並且都以jQuery標準插件的方式組合在一起,所以非常方便進行二次開發或再擴展。

14、Webix

基於jquery開發的UI框架有哪些

XB 軟體公司最近發布了JavaScript UI 庫Webix ,其中包含的元件超過45個,用這些元件可以建構跟HTML5和CSS3 相容的程序,這些程序不僅能在個人電腦上運行,還能用在iOS、 Android 和Blackberry 設備上運行。它能存取離線web儲存、地理位置( geolocation) API、能在畫布上繪圖,並整合了jQuery 和 Backbone.js。

更多程式相關知識,請造訪:程式設計入門! !

以上是基於jquery開發的UI框架有哪些的詳細內容。更多資訊請關注PHP中文網其他相關文章!

陳述:
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn