easyUi引入，通过SpringBoot+easyUi实现分页查询，权限管理

添加EasyUi：

把这个几个依赖包加入到resources–static目录下面

注意 JS文件里面要添加

添加MvcConfig。这里是配置页面请求路径的。配置了View

但是这个Config添加后页面并不能识别：因为没有添加注解，这个MVC组件不会识别这个配置。
两种方法使MVC组件识别配置：
1.添加组件配置注解 ：
@Componenet

2.添加配置类注解：
@Configuration

这里采用了第二个方法。
写HTML页面：
注意：三个jquery要按照顺序引入，因为js执行是按照顺序的。

easyUI静态用法：
https://www.runoob.com/jeasyui/jeasyui-layout-tabs3.html

---

通过SpringBOOT+easyUI完成分页，查询。

1.pom.xml

配置逆向工程 自动生成

通过easyUI 连接mysql动态传输数据，实现分页，查询等。

配置逆向工程

generatorConfig.xml这里就不发了。

自动生成后，给UserMapper和RoleMapper添加两个查询方法。

UserMapper：

UserVo：用于分页条件查询时候设计的实体类，通过这个对象封装查询方法（类似于之前直接把这个对象传进去了）

UserMapper.xml配置：



在yml文件里面加配置自动驼峰命名法

给RoleMapper添加方法，用于显示查询条件里面下拉框里面的内容

UserService. RoleService及其实现类的设计

功能在上面也说了，一个用于带条件的分页查询，一个用于显示查询条件里面下拉框里面的内容

serviceImpl实现类：

Controller的设计

UserController

RoleController

这样后台就设计完成了。
前台部分：
首先设计视图名称

建表格：这里有个快捷键

输完之后直接按Tab

直接就出来了。

data-options：设置这个表格在加载的时候自动访问这个url，按照这个地址（访问的controller）传回来的json数据自动显示到表格里面，
但是前提是下面的data-option里面的field要和传回来的值的属性名一致。
fitColumns: 自动适应行宽
Striped:
pagination:设置分页：功能开启
rownumbers：设置每页显示多少行数据：功能开启
pageSzie:默认为5
pageList：设置每页显示多少行数据
toolbar:设置搜索栏

这样测试的时候，发现
这行没有数据，是因为html页面还是叫roleID，但是后台传过来的不是这个名字
解决方法：formatter

通过找当前行的信息，找到了角色对象 然后找到角色对象的名称

现在就可以了。

现在就完成了。