瑞吉外卖第二天

上次做完了登录退出功能，今天做 员工管理 页面，如图

使用到的技术：springboot，pageHelper

1.员工信息显示

1.1当我们进入瑞吉后台时，我们按f12在 网络一栏 我们可以看到会发送一个get请求

可以看到发送的请求参数，这里直接发送的分页参数

1.2我们进入瑞吉的前端，去分析一下他的前端需要接受哪些参数

如图我们可以看的后端需要前端返回一个res.code=1，然后还需要返回res.data.record和res.data.total，那么这里的record和total分页数据，就是我们后端的Page类，前面我们已经导过了，然后将他们赋值给tableData和counts

这个tableData里面就是员工信息，counts为总数据数

并且当我们点击员工管理的搜索时，他会多出来一个那name，并且请求路径相同，
我们可以把它们做成一个功能

前端分析完毕，开始写后端代码

---

web层：

service层：

serviceImpl层:

mapper层：

xml配置文件：

结果展示：
不带搜索功能：

带搜索功能：

2.添加员工信息

2.1当我们进入添加员工信息页，添加一些数据，点击保存，我们可以在控制台看到他发送的POST请求

还有请求体数据：

2.2我们再去前端简单分析一些前端的代码：

经过分析知:我们只需要给前端返回一个code=1即可，

前端分析完毕，开始写后端代码
web层：

service层：

serviceImpl层

mapper层：

这里要注意开启事务管理需要在启动类上加注解@EnableTransactionManagement

3.员工编辑功能

3.1 当我们点击员工编辑按钮时，会进入编辑界面，

那么在这里，首先我们就要做数据回显，让需要编辑的员工信息回显到页面上，当我们点击编辑时，在控制台会发送Get请求如图所示：

这里的1就是发送的ID，这里我们就需要使用Resultful编码风格，来编写web层，具体操作如下：

web层：

service层：

serviceImpl层：

mapper层：

结果演示：

3.2做完数据回显后，我们在做保存功能
当我们点击保存时，页面发送PUT请求

请求体格式为：

3.3 我们接着分析前端：

那么在这里我们可以看到前端只需要一个code==1即可，分析完成，现在开始后端代码书写。

web层：

service层：

serviceImpl层：

mapper层：

mapper.xml配置文件：

结果展示：

4.员工禁用功能

当我们点击禁用或者启用时，员工的状态就会发生相应的改变。

在控制台我们可以看到：

发送的请求体数据为：

根据以上分析得知：这个功能跟跟修改功能共用（如下），这里就不再赘述。

至此员工管理界面功能全做做完！！