一、需求分析与设计

（1）产品原型

在员工管理列表页面点击 "编辑" 按钮，跳转到编辑页面，在编辑页面回显员工信息并进行修改，最后点击 "保存" 按钮完成编辑操作。

员工列表原型：

修改页面原型：

注：点击修改时，数据应该正常回显到修改页面。

 

（2）接口设计

根据上述原型图分析，编辑员工功能涉及到两个接口：

• 根据id查询员工信息

• 编辑员工信息

1). 根据id查询员工信息

 2). 编辑员工信息

注:因为是修改功能，请求方式可设置为PUT。

二、代码开发

（1）回显员工信息功能

①Controller层

在 EmployeeController 中创建 getById 方法：

②Service层接口

在 EmployeeService 接口中声明 getById 方法：

③ Service层实现类

在 EmployeeServiceImpl 中实现 getById 方法：

④ Mapper层

在 EmployeeMapper 接口中声明 getById 方法：

可以先通过接口测试确认数据回显是否有问题，如果没有问题再继续开发 

（2）修改员工信息功能

①Controller层

在 EmployeeController 中创建 update 方法：

②Service层接口

在 EmployeeService 接口中声明 update 方法：

③Service层实现类

在 EmployeeServiceImpl 中实现 update 方法：

在实现启用禁用员工账号功能时，已实现employeeMapper.update(employee)，在此不需写Mapper层代码。

三、功能测试

（1）接口文档测试

分别测试根据id查询员工信息和编辑员工信息两个接口

①根据id查询员工信息

查询employee表中的数据，以id=3的记录为例

开始测试

获取到了id=3的相关员工信息  

②编辑员工信息

修改id=3的员工信息

查看employee表数据

 

（2）前后端联调测试

进入到员工列表查询

修改后，点击保存  

四、代码提交