整合营销服务商
电脑端+手机端+微信端=数据同步管理
免费咨询热线：
电脑端+手机端+微信端=数据同步管理
免费咨询热线：
言
作为一个前端开发人员来说，你是不是也经常为选择一款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小时内与您取得联系。
