查看页面原型，明确需求

页面原型

 

需求

 

 

阅读接口文档

接口文档链接如下：

【腾讯文档】SpringBoot案例所需文档
https://docs.qq.com/doc/DUkRiTWVaUmFVck9N

思路分析

阅读需求文档后可知，前端发送请求的同时，将前端请求参数以JSON数据格式传递给后端，对于如何接收前端传递的JSON格式的数据，具体可以参考文章：请求响应-json参数的接收_熵240的博客-CSDN博客

后端获取到参数之后，就可以进行新增员工的操作。

接口功能的开发

控制层（Controller类）

具体代码如下：

    @PostMapping("/emps")/*** 新增员工信息* 使用实体类接收传递的json格式的数据*/public Result Insert(@RequestBody Emp emp) {empService.insert(emp);return Result.success();}

业务层（Service类）

业务类

    void insert(Emp emp);

业务实现类

    @Overridepublic void insert(Emp emp) {emp.setCreteTime(LocalDateTime.now());emp.setUpdateTime(LocalDateTime.now());empMapper.insert(emp);}

持久层（Mapper类）

具体代码如下：

    /*** 新增员工信息** @param emp*/void insert(Emp emp);

Mapper映射文件 

    <insert id="insert">insert into emp (username, name, gender, image, job, entrydate, dept_id, create_time, update_time)VALUES (#{username}, #{name}, #{gender}, #{image}, #{job}, #{entrydate}, #{deptId}, #{creteTime}, #{updateTime})</insert>

接口测试

启动SpringBoot项目，使用posrtman进行接口测试，具体的请求路径以及请求参数如下：

运行结果如下：

前后端联调

 启动nginx项目，运行结果如下：

运行结果如下：

 运行成功