整合營銷服務商
電腦端+手機端+微信端=數據同步管理
免費咨詢熱線：
電腦端+手機端+微信端=數據同步管理
免費咨詢熱線：
言
作為一個前端開發人員來說，你是不是也經常為選擇一款UI框架而煩惱呢？如果是的話，那今天這篇文章就很有必要看看了。
如果你還只是停留在EasyUI或者ExtJS上，那么你真的有點low了。EasyUI和ExtJS在UI設計上有點跟不上時代步伐了，從誕生的初期到現在UI組件在呈現上都沒有怎么變化。那么今天我就大家介紹一款界面優美，支持HTML5的UI框架-Kendo UI。
Kendo UI
KendoUI目前有個人免費版還有商用付費版，我覺得大多數讀者用個人免費版就足夠了，基本上包含所有可用組件，我之前維護的一個網站后臺管理系統就是用的KendoUI。
KendoUI官網介紹
從其官網介紹可以看出，Kendo UI是最完整的HTML,Javascript和AngularJS開發的UI庫，目前支持jQuery和AngularJS版本。
優勢
我們為什么會選擇Kendo UI呢？那是因為其具有其他一些UI庫所沒有的優勢，我們一一來看一下
70多個常用的UI組件
同時支持線上線下數據
優美的主題設計
集成Angular應用
輕便并且自適應屏幕
導出PDF,Excel和PNG
支持所有現代瀏覽器
容易學習和使用
多人團隊對產品的支持
目錄
接下來，我們來看下KendoUI目前支持的組件類型，從下圖中的英文名就可以很容易理解，比如說Grid組件就是列表，DropDownList是下拉列表，ProgressBar是進度條等等。
KendoUI支持的組件
列表組件
接下來，就以Grid為例介紹所有可能的使用情況。
基本使用
Grid組件最基本的使用就是以列表的形式展示數據
基本使用
層級關系
在Grid中是可以嵌套Grid的，Grid之間具有層級關系
層級關系的Grid
數據邏輯
Grid組價提供了一系列強大的數據邏輯功能，包括排序，分頁，過濾，分組等。
Grid過濾
增刪改
Grid提供了強大的增刪改功能，且支持批量操作
增刪改功能
數據綁定
Grid不僅支持本地數據，還支持遠程數據源，因此特別適合配合restful接口使用
模板
Grid提供了模板方法，可以自定義表格的樣式，列表內容等等
通過模板方法自定義列表
總結
今天這篇文章簡要介紹了下Kendo UI的基礎知識，后續會通過代碼的形式來具體介紹每款UI組件是如何來使用的，敬請關注~
2個常用后端UI框架集合匯總
更新時間：2020年02月18日16:19:06投稿：WDC
本文整理了一些比較流行的后端UI框架其中有VUE、bootstrap、jQuery等框架，，排行不分先后，僅供參考?？筛鶕椖啃枨笞孕锌紤]
1、bootstrap
Bootstrap是Twitter推出的一個用于后端開發的，一個用于HTML、CSS和JS開發的開源工具包，是全球最受歡迎的后端組件庫，用于開發響應式布局、移動設備優先的WEB項目。
官網：
文檔：
2、Layui
layui（譯音：類UI)是一款采用自身模塊規范編撰的后端UI框架，遵守原生HTML/CSS/JS的書寫與組織方式，門檻極低，用來即用。其外在極簡，容積飄逸，組件亮澤，特別適宜界面的快速開發。layui兼容人類正在使用的全部瀏覽器（IE6/7除外），可作為PC端后臺系統與前臺界面的速成開發方案。
官網：
事例：
3、MuseUI
MuseUI基于Vue2.0開發，一套MaterialDesign風格開源組件庫，借以快速搭建頁面，擁有40多個UI組件，提供了自定義主題，充分滿足可多樣化的需求。
官網：
事例：#/zh-CN/
4、ViewUI
即原來的iView，是一套基于Vue.js的開源UI組件庫，主要服務于PC界面的中后臺產品。特征：豐富的組件和功能，滿足絕大部份網站場景；提供開箱即用的Admin系統和高階組件庫；提供專業、優質的一對一技術支持；細致、漂亮的UI，可自定義主題。
官網：
事例：
5、jQueryUI
jQueryUI是在jQueryJavaScript庫之上建立的一組精選的用戶界面交互，療效，小部件和主題。無論是建立高度交互的Web應用程序，還是只須要向表單控件添加日期選擇器，jQueryUI都是理想的選擇。
官網：
事例：
6、EasyUI
EasyUI是一種基于jQuery、Angular.、Vue和React的用戶界面插件集合。
jQueryEasyUI提供便于使用的組件，它使Web開發人員能快速地在流行的jQuery核心和HTML5上構建程序頁面。
EasyUIforAngular是基于原生的Angular5之上建立的，不須要其他外部JavaScript庫。
官網：
事例：
7、QuicKUI
QuicKUI4.0的組件庫包含了一百多種組件，一千多個應用場景示例，涵蓋了web開發的各類應用場景。組件的使用也都十分簡單，能讓你的開發效率提升N倍。
官網：
事例：
8、ElementUi
Element，一套為開發者、設計師和產品總監打算的基于Vue2.0的桌面端組件庫。
官網：#/zh-CN/
事例：#/zh-CN/component/installation
9、At-UI
at-ui是一個模塊化的后端UI框架，開發基于Vue.js的快速和強悍的Web界面。專門為桌面應用程序建立，AT-UI提供了一套npm+webpack+babel后端開發工作流程。它提供了一個體面的干凈整潔的UI組件。主要用于快速開發PC網站中后臺產品。
官網：#/zh
事例：#/zh/docs/introduction
10、antd
antd是基于AntDesign設計體系的ReactUI組件庫，主要用于研制企業級中后臺產品。開箱即用的高質量React組件，全鏈路開發和設計工具體系，數十個國際化語言支持。
官網：
事例：
11、Material-UI
Material-UI是基于React的UI框架，更快速、更簡便的web開發。官方市場中的中級主題——均以Material-UI為基礎。
官網：
事例：
12、VantWeapp
VantWeapp，是有贊后端團隊開發維護，是聯通端Vue組件庫Vant的小程序版本，二者基于相同的視覺規范，提供一致的API插口，推動開發者快速搭建小程序應用。
官網：#/intro
更多關于后端UI框架請查看下邊的相關鏈接
天給大家分享一個功能強大的HTML5可視化頁面拖拽編排H5Dooring。
h5-dooring 一款開源免費的H5在線頁面拖拽布局配置解決方案。讓你輕松實現拖拽式生成html5頁面。
簡單演示如何通過拖拽快速生成可視化頁面，幫助大家更快上手項目。
<script src="https://lf6-cdn-tos.bytescm.com/obj/cdn-static-resource/tt_player/tt.player.js?v=20160723"></script>
# 克隆項目
git clone https://github.com/MrXujiang/h5-Dooring.git
# 進入目錄
cd h5-Dooring
# 安裝依賴包
npm install
# 本地啟動
npm run start通過輕松拖拽的方式實現生成H5頁面，并提供豐富的頁面組件，讓開發者快速搭建更強大的H5落地頁。
ending，附上項目地址鏈接。
# 官網地址
http://io.nainor.com/
# 倉庫地址
https://github.com/MrXujiang/h5-Dooringok，這次就分享到這里。感興趣的同學可以去看看，歡迎交流討論哈！
*請認真填寫需求信息，我們會在24小時內與您取得聯系。
