根据页面原型，明确需求

页面原型

需求

  

阅读接口文档

接口文档链接如下：

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

思路分析

前端在输入要新增的部门名称后，会以JSON格式将数据传入至后端，

对于JSON格式数据的接收具体参考往期文章：请求响应-json参数的接收_熵240的博客-CSDN博客

使用实体类来接收json格式的数据，以及注解@RequestBody，后端获取到该数据之后，向数据库中插入该条信息，根据接口文档知道该请求为一个psot请求

功能接口开发

控制层（Controller类）

具体关键代码如下：

    /*** 新增部门信息** @param dept* @return*/@PostMapping("/depts")public Result Insert(@RequestBody Dept dept) {log.info("新增部门");deptService.Insert(dept);return Result.success();}

业务层（Service类）

具体关键代码如下：

业务层

    /*** 新增部门** @param dept*/void Insert(Dept dept);

业务实现层

    @Overridepublic void Insert(Dept dept) {// 补充未设置属性的属性值dept.setCreateTime(LocalDateTime.now());dept.setUpdateTime(LocalDateTime.now());deptMapper.Insert(dept);}

持久层（Mapper类）

具体关键代码如下：

    /*** 新增部门** @param dept*/@Insert("insert into dept (name, create_time, update_time) values (#{name},#{createTime},#{updateTime})")void Insert(Dept dept);

接口测试

仍然使用postman进行调试，发起post请求，请求地址及传递参数如下：

运行结果为：

  

 

 

 

前后端调试

依然是启动nginx项目，

运行结果如下：