SpringBoot案例-员工管理-新增员工

查看页面原型,明确需求

页面原型

SpringBoot案例-员工管理-新增员工_第1张图片

SpringBoot案例-员工管理-新增员工_第2张图片 

需求

 

SpringBoot案例-员工管理-新增员工_第3张图片 

阅读接口文档

接口文档链接如下:

【腾讯文档】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);

业务实现类

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

持久层(Mapper类)

具体代码如下:

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

Mapper映射文件 

    
        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})
    

接口测试

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

SpringBoot案例-员工管理-新增员工_第4张图片

运行结果如下:

SpringBoot案例-员工管理-新增员工_第5张图片

SpringBoot案例-员工管理-新增员工_第6张图片

前后端联调

 启动nginx项目,运行结果如下:

SpringBoot案例-员工管理-新增员工_第7张图片

运行结果如下:

SpringBoot案例-员工管理-新增员工_第8张图片

 运行成功

 

你可能感兴趣的:(Java,Web学习跟踪笔记,spring,boot,后端,java)