【javaWeb & 功能介绍第二篇】前端表格修改数据

轻舟慢行.

于 2024-04-02 16:28:06 发布

阅读量279

点赞数 5

分类专栏： javaWeb全篇文章标签： java

本文链接：https://blog.csdn.net/weixin_62513677/article/details/137274661

版权

javaWeb全篇专栏收录该内容

22 篇文章 1 订阅

订阅专栏

本文介绍了如何在SpringBoot应用中通过HTTP请求实现员工数据的修改功能，包括从点击修改按钮触发查询，展示表单，到Controller处理PUT请求更新数据，以及XML映射文件中对数据库的更新操作描述。

摘要由CSDN通过智能技术生成

修改数据

本篇文章通过修改员工数据为例，在表格每行员工后点击修改，弹出表单进行更改数据，点击保存更新数据。

点击修改数据的按钮弹出表单：
这个时候在点击的同时访问后端服务将根据查询返回单个员工整体数据，再展现在表单之中，首先需要通过员工id进行查询：
在Controller类中：

    @GetMapping("/emps/{id}")
    //查询员工
    public Result select(@PathVariable Integer id){
        log.info("查询数据操作:{}",id);
        Emp emp=empService.select(id);
        return Result.success(emp);
    }

在服务类中：

    @Override
    public Emp select(Integer id) {
        Emp emp=empMapper.select(id);
        return emp;
    }

在数据层接口当中:

    @Select("select * from emp where id=#{}")
    public Emp select(Integer id);

通过id查询员工数据将员工数据返回在表单当中，
当点击保存时通过id进行数据的更改：
Controller类中：


    //更新员工
    @PutMapping("/emps")
    public Result update(@RequestBody Emp emp){
        log.info("更新数据操作:{}",emp);
        empService.update(emp);
        return Result.success();
    }

在服务层中：


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

在数据层接口中:

    void update(Emp emp);

在XML映射文件当中进行数据库的操作：

    <!--更新员工-->
    <update id="update">
        update emp
        set username=#{username},password=#{password},name=#{name},gender=#{gender},image=#{image},job=#{job},entrydate=#{entrydate},dept_id=#{deptId},update_time=#{updateTime}where id=#{id}
    </update>