基于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年的黑马，相信你们也很期待。