官网介绍

asyui是一种基于jQuery、Angular.、Vue和React的用户界面插件集合。

easyui为创建现代化，互动，JavaScript应用程序，提供必要的功能。

使用easyui你不需要写很多代码，你只需要通过编写一些简单HTML标记，就可以定义用户界面。

easyui是个完美支持HTML5网页的完整框架。

easyui节省您网页开发的时间和规模。

easyui很简单但功能强大的。

easyUI使用

easyUI引入

href="/js/jquery-easyui-1.4.1/themes/icon.css" />

href="/js/jquery-easyui-1.4.1/themes/default/easyui.css" />

使用easyUI需要官网下载easyUI文件并进行引入

模块拖动demo

进度条demo

按钮

测试字体长度大小

新增

编辑

清空

移除

下图为iconCls属性对于图标:

该图片引用至https://blog.csdn.net/aas3637721/article/details/92980146

树形结构

• 商品管理

  • 商品查询
  • 商品新增

• 内容管理

  • 内容新增

• 四大名著

  • 三国演义
  • 水浒传
  • 红楼梦
  • 西游记
  • .....

页面布局

选项卡技术

弹出窗口

Easy-弹出窗口

搜索

表格数据绑定

Easy-表格数据1

---

通过数据请求创建表格

---

通过js创建表格

菜单按钮

更多模块请到官网查看http://www.jeasyui.com/demo/main/index.php