JavaEE鸿蒙应用开发HTML&JS+前端Python+大数据开发人工智能开发电商视觉设计软件测试新媒体+短视频直播运营产品经理集成电路应用开发(含嵌入式)Linux云计算+运维开发C/C++拍摄剪辑+短视频制作PMP项目管理认证电商运营Go语言与区块链大数据PHP工程师Android+物联网iOS.NET

三分钟介绍强大方便的前端框架Jquery MiniUI

来源:黑马程序员

浏览41534人

2019.07.09

图片1.png

jQuery MiniUI - 专业WebUI控件库。

它能缩短开发时间,减少代码量,使开发者更专注于业务和服务端,轻松实现界面开发,带来绝佳的用户体验。

使用MiniUI,开发者可以快速创建Ajax无刷新、B/S快速录入数据、CRUDMaster-Detail、菜单工具栏、弹出面板、布局导航、数据验证、分页表格、树、树形表格等典型WEB应用系统界面。

产品定位:

快速开发WEB界面

使用效果:

缩短开发时间,减少代码量,提升用户体验

技术亮点:

快速开发:使用Html配置界面,减少80%界面代码量。

易学易用:简单的API设计,可以独立、组合使用控件。

性能优化:内置数据懒加载、低内存开销、快速界面布局等机制。

丰富控件:包含表格、树、数据验证、布局导航等超过50个控件。

超强表格:提供锁定列、多表头、分页排序、行过滤、数据汇总、单元格编辑、详细行、Excel导出等功能。

第三方兼容:与ExtJSjQueryYUIDojo等任意第三方控件无缝集成。

浏览器兼容:支持IE6+FireFoxChrome等。

跨平台支持:支持Java.NETPHP等。

功能特性:

图片2.png

控件类型:

图片3.png


图片5.png

如何快速适用

图片6.png

需要从官网下载框架包,通过手册进行学习和适用,很容易上手

下载后文件夹内容

图片7.png

使用步骤:

图片8.png

拖到项目管理中,通过demo中,参照各个控件的案例,拷贝到项目中

例如布局代码:

图片9.png

按照示例中的html代码,还有cssjs的文件路径

运行展示效果

图片10.png

官网手册基本大众布局结构

图片11.png

例如表单效果:

图片12.png

拷贝html结构,注意cssjs的文件路径

图片13.png

按钮示例:

多种样式进行选择

图片14.png

数据库

图片15.png

还提供了测试数据库,里面有一些表数据,可以关联控件,当做测试数据进行展示,调试更加真实

图片16.png

还提供两种sql语句,可以在sqlservermysql数据库中,动态的创建,数据结构

例如数据表格可以直接展示数据表中的数据

图片17.png

图片18.png

图片19.png

所以jQuery MiniUI是一个很强大而且很方便的前端框架,可以不用写一行代码就完成后台的整个界面设计,还有相关的动态效果,还可以供各个平台的后台程序员使用

图片20.png