基於jquery開發的UI框架彙總

 

根據調查得知，如今市場中的UI框架差很少40個左右，不知你們都習慣性的用哪一個框架，如今市場中有幾款UI框架稍微的成熟一些，也是你們比較喜歡的一種UI框架，那應該是jQuery，有部分UI框架都是根據jQuery研發出來的產品，如今也很常見了。

 

國產jQuery UI框架 (jUI) DWZ

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

jQuery 部件佈局插件 Gridstack

基礎使用示例

<div class="grid-stack">

    <div class="grid-stack-item" 

        data-gs-x="0" data-gs-y="0" 

        data-gs-width="4" data-gs-height="2">

            <div class="grid-stack-item-content"></div>

    </div>

    <div class="grid-stack-item" 

        data-gs-x="4" data-gs-y="0" 

        data-gs-width="4" data-gs-height="4">

            <div class="grid-stack-item-content"></div>

    </div></div><script type="text/javascript">

$(function () {

    var options = {

        cell_height: 80,

        vertical_margin: 10

    };

    $('.grid-stack').gridstack(options);

});</script>

 

 

QUICK UI

QUICK UI是一套完整的企業級web前端開發解決方案，由基礎框架、UI組件庫、皮膚包、示例工程和文檔等組成。使用QUICKUI開發者能夠極大地減小工做量，提升開發效率，快速構建功能強大、美觀、兼容的web應用系統。

 

 

jQuery的UI組件 EasyUI

jQuery EasyUI 爲網頁開發提供了一堆的經常使用UI組件，包括菜單、對話框、佈局、窗簾、表格、表單等等組件。

下圖是一個具備佈局效果的窗口：

 

 

jQuery UI 組件庫 PrimeUI

 

PrimeUI 是 PrimeFaces 團隊的一個 jQuery UI 組件庫，目前包含多個 UI 部件。

 

jQuery的界面插件 Ninja UI

 

jQuery 是一個很是優秀的 JavaScript 框架，並且還有至關多的插件。其中的一些UI插件也至關的給力，好比 Ninja UI，是一款界面插件，使用它將能給你的項目增色很多。此插件包含有幻燈，智能提示等常見的效果。

目前的文檔還不是很全，可是官方提供的例子已經很詳細了，因此也是很容易使用的。

Jquery的UI庫 w2ui

 

基於Jquery的UI庫，包含經常使用UI組件，如：佈局、表格、樹形、Tabs、工具條、彈出菜單、表單等等。

採用Html5 + CSS3編寫，能夠支持經常使用的瀏覽器，如：Chrome、FireFox7+、Safari 5+和IE 9+等。

基於jquery的富客戶端框架 jwwui

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

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

jQuery的UI工具包jQueryTools

jQuery Tools 是一個當前網站開發中最最經常使用的UI組件集合，包括：Tab、工具提示ToolTip、窗口滾動、Overlap、Expose和Flash嵌入，jQuery Tools 只有 5.8k 大小（強烈推薦）。

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

B-JUI

　B-JUI客戶端框架(Best jQuery UI)，是基於Bootstrap樣式及jQuery庫實現的Ajax RIA開源框架。
B-JUI客戶端框架擴展方便、簡單易用，不少狀況下只要熟悉HTML語法，使用HTML屬性就能夠輕鬆用Ajax開發項目。對於javascript不太熟悉的程序員是很是方便的，他們只須要關注後端業務邏輯的實現就好了，前端頁面上只須要簡單的寫點HTML代碼。
　　本框架基於Bootstrap前端樣式及jQuery庫開發，提供豐富的各種組件及UI，封裝有多種組件，及相關的Ajax請求調用，而且都以jQuery標準插件的方式組合在一塊兒，因此很是方便進行二次開發或再擴展。

 JavaScript UI 庫 Webix

XB 軟件公司最近發佈了JavaScript UI 庫Webix ，其中包含的組件超過45個，用這些組件能夠構建跟HTML5 和 CSS3 兼容的程序，這些程序不只能在我的電腦上運行，還能用在iOS、 Android 和 Blackberry 設備上運行。它能訪問離線web存儲、地理位置（ geolocation） API、能在畫布上繪圖，並集成了jQuery 和 Backbone.js。

 

如今市場中的UI框架不少就不一一給你們介紹了，相信你們如今用的UI框架是比較好的，只要是適合本身作的項目就能夠，最近還了解到有一款TOUCH UI框架能夠四端（安卓、IOS、web、小程序）同步，這款產品相信會成爲2018年的黑馬，相信你們也很期待。