1. 程式人生 > >基於jquery開發的UI框架有哪些

基於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應用系統。

jQueryUI元件 EasyUI

jQuery EasyUI 為網頁開發提供了一堆的常用UI元件,包括選單、對話方塊、佈局、窗簾、表格、表單等等元件。

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

 

jQuery UI 元件庫 PrimeUI

 

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

jQuery的介面外掛 Ninja UI

 

jQuery 是一個非常優秀的 JavaScript 框架,而且還有相當多的外掛。其中的一些UI外掛也相當的給力,比如 Ninja UI,是一款介面外掛,使用它將能給你的專案增色不少。此外掛包含有幻燈,智慧提示等常見的效果。

目前的文件還不是很全,但是官方提供的例子已經很詳細了,所以也是很容易使用的。

JqueryUIw2ui

 

基於JqueryUI庫,包含常用UI元件,如:佈局、表格、樹形、Tabs、工具條、彈出選單、表單等等。

採用Html5 + CSS3編寫,可以支援常用的瀏覽器,如:ChromeFireFox7+Safari 5+IE 9+等。

基於jquery的富客戶端框架 jwwui


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

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

jQueryUI工具包jQueryTools

jQuery Tools 是一個當前網站開發中最最常用的UI元件集合,包括:Tab、工具提示ToolTip、視窗滾動、OverlapExposeFlash嵌入,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年的黑馬,相信大家也很期待。