Java项目实战跟练day6——修改/新增用户

Java项目实战跟练day6——springboot + mybatis plus开发

修改/新增用户

代码设计思路：
1、点击编辑按钮时，页面跳转到add.html，并在url中携带参数[员工id]；
2、在add.html页面获取url中的参数[员工id]；
3、发送ajax请求，请求服务端，同时提交员工id参数；
4、服务端接收请求，根据员工id，查询员工信息，将员工信息以json形式响应给页面；
5、页面接收服务端响应的json数据，通过VUE的数据绑定进行员工信息回显；
6、点击保存按钮，发送ajax请求，将页面中的员工信息以json方式提交给服务端；
7、服务端接收员工信息，并进行处理，完成后给页面响应；
8、页面接收到服务端响应信息后进行相应处理。

1. 编辑按钮
   向后端发送GET请求，目的是将改好/新增的用户信息传到后端进行入库
   
   向后端发送GET请求，目的是待修改的用户信息反显在页面
   

// 修改页面反查详情接口
function queryEmployeeById (id) {
  return $axios({
    url: `/employee/${id}`,
    method: 'get'
  })
}

EmployeeController.java

    /*
    根据用户id反显用户信息,参数从地址栏传入如下获取
     */
    @GetMapping("/{id}")
    public R<Employee> getById(@PathVariable Long id){
        log.info("根据id查询员工信息......");
        Employee employee = employeeService.getById(id);
        if(employee !=null){
            return R.success(employee);
        }
        return R.error("没有查询到对应员工信息！");
    }

修改完成后保存按钮请求update接口，完成信息提交入库。