EasyUI简介及基本布局

1.jQuery EasyUI的使用简介

EasyUI 是一个基于 jQuery 的框架，集成了各种用户界面插件，提供了创建网页所需的一切，帮助您轻松建立站点。

jQuery EasyUI 下载：

您可以从 Download EasyUI Package - jQuery,Angular,React,Vue 上下载您需要的 jQuery EasyUI 版本。

---

2.使用EasyUI前的准备工作:

2.1：导入库及相关文件：

文件：jquery-easyui-1.5.5.2

库：jquery-3.3.1.min.js

把以上文件库复制粘贴到项目里面的static文件的js文件里

 

2.2：在页面里引入相关文件：

可把引入的相关文件写入到一个公共的jsp页面里面，避免重复写；可在static文件夹里面创建一个common（共同）文件夹，把引入文件的相关代码写入common文件夹里面的head.jsp页面里面。

<%@ page language="java" contentType="text/html; charset=UTF-8"
    pageEncoding="UTF-8"%>
<!-- base标签的href属性里面的内容会自动添加到 在head标签里面的引入的路径前面 -->
<base href="${pageContext.request.contextPath }/static/" />
<!-- jquery -->
<script type="text/javascript" src="js/jquery-3.3.1.min.js"></script>
<!-- 引入EasyUI相关文件 -->
<!-- 图标库 -->
<link rel="js/jquery-easyui-1.5.5.2/themes/icon.css">
<!-- 样式文件 -->
<link rel="stylesheet" type="text/css" href="js/jquery-easyui-1.5.5.2/themes/default/easyui.css">  
<!-- js文件 -->
<script type="text/javascript" src="js/jquery-easyui-1.5.5.2/jquery.easyui.min.js"