编辑员工信息——后端

需求：

在员工管理列表页面点击编辑按钮，跳转到编辑页面，在编辑页面回显员工信息并进行修改，最后点击保存按钮完成编辑操作。

代码开发流程：

点击编辑按钮，页面跳转到add.html，并在url中携带参数【员工id】
在add.html页面获取url中的参数【员工id】
发送ajax请求，请求服务端，同时提交员工id参数
服务端接收请求，根据员工id查询员工信息，将员工信息以json形式响应给页面
页面接收服务端响应的json数据，通过VUE的数据绑定进行员工信息回显
点击保存按钮，发送ajax请求，将页面中的员工信息以json方式提交给服务器
服务端接收员工信息，并进行处理，完成后给页面响应
页面接收到服务端响应信息后进行相应处理

【前端此处省略不讲】

请求数据url如下：

通过动态的id向服务端查询员工信息，服务端接收该请求的处理如下：

    /**
     * 根据id查询员工信息
     * @param id
     * @return
     */
    @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("没有查询到员工对应信息");
    }

其中，/{id}和@PathVariable搭配使用，用于接收动态的id值。【此处动态指的是，员工有多个，查询时的id也可能不同，即处在变化之中】

秒客网

编辑员工信息——后端

相关文章