easyui基本布局

一、什么是easyui？

二、easyui能带给我们什么好处？

三、easyui如何使用？

1️⃣.将从官网上下载的EasyUI的资源压缩包解压 然后复制到项目中

2️⃣. 引入必要的js和css样式文件

3️⃣.easyui文档网站

布局搭建和菜单搭建

index.jsp

tree-data.json

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

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

二、easyui能带给我们什么好处？
easyui是个完美支持HTML5网页的完整框架
easyui节省网页开发的时间和规模
easyui很简单但功能强大
三、easyui如何使用？

 easyui中文官网：
http://www.jeasyui.net/

文件介绍

 

🔶 demo文件夹
EasyUI官方提供的每个组件的使用示例效果代码。
🔶 locale文件夹:组件中显示的数据语言的js文件
🔶 plugins文件夹:是EasyUI提供的组件对应的js文件
🔶 src文件夹:源码文件夹
🔶 themes文件夹：EasyUI官方提供的整套的样式

2️⃣. 引入必要的js和css样式文件
1）引入JQuery（jquery.min.js）
2）引入EasyUI（jquery.easyui.min.js）
3）引入EasyUI的中文国际化js，让EasyUI支持中文（locale/easyui-lang-zh_CN.js）
4）引入EasyUI的样式文件（/themes/default/easyui.css）
5）引入EasyUI的图标样式文件（/themes/icon.css）

<link rel="stylesheet" type="text/css" href="easyui/themes/default/easyui.css">   
<link rel="stylesheet" type="text/css" href="easyui/themes/icon.css">   
<script type="text/javascript" src="easyui/jquery-1.7.2.min.js"></script>   
<script type="text/javascript" src="easyui/jquery.easyui.min.js"></script>