编辑员工信息

标签：请求 信息 员工 编辑 id 服务端 页面

程序的执行流程：

（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服务端处理更新操作。

 

标签：请求,信息,员工,编辑,id,服务端,页面
From： https://www.cnblogs.com/fxzm/p/17153400.html