编辑员工信息

程序的执行流程:

(1)点击编辑按钮时,页面跳转到add.html,并在url中携带参数[员工id]

(2)在add.html页面获取url中的参数[员工id]

(3)发送ajax请求,请求服务端,同时提交员工id参数

(4)服务端接收请求,根据员工id查询员工信息,将员工信息以json形式响应给页面

(5)页面接收服务端响应的json数据,通过VUE的数据绑定进行员工信息回显

(6)点击保存按钮,发送ajax请求,将页面中的员工信息以json方式提交给服务端

(7)服务端接收员工信息,并进行处理,完成后给页面响应

(8)页面接收到服务端响应信息后进行响应处理

注:add.html页面为公共页面,新增员工和编辑员工都在此页面进行操作

点击编辑按钮后发送请求并提交id到Controller服务端查询对应id的员工信息,进入编辑页面回显此条返回的员工信息

/**
     * 根据id查询员工信息
     * @param id
     * @return
     */
    @GetMapping("/{id}")
    public R<Employee> getById(@PathVariable Long id){
        log.info("根据id查询员工");
        Employee employee = employeeService.getById(id);
        return R.success(employee);
    }

编辑成功后发送请求更新数据库。复用请求上一节启用/禁用时写的Controller服务端处理更新操作。

 

posted @ 2023-02-24 22:22  佛系粥米  阅读(76)  评论(0)    收藏  举报