关于vue通讯springBoot,新增数据立即返回自增id

最新推荐文章于 2024-09-15 14:56:49 发布

池边树

最新推荐文章于 2024-09-15 14:56:49 发布

阅读量891

点赞数 1

文章标签： vue java

本文链接：https://blog.youkuaiyun.com/m0_49283580/article/details/109405497

版权

关于vue通讯springBoot,新增数据立即返回自增id

后端sel语句添加两个属性useGeneratedKeys=“true” keyProperty="pojo中的属性名（例如：id）"
在这里插入图片描述
前端代码

   //增加
      addstu(){
        var myThis=this;
        // 填充对象值
        var tableData={
          stuName:this.stuName,
           teaId:this.teaId,
           creatTime:this.creatTime
        }
        this.$ajax.post("/doAdd",tableData).then(function(response){
          if(response.data.success==1){
            // 再次改变对象值 加入后端返回的id值
            tableData={
              stuName:myThis.stuName,
               teaId:myThis.teaId,
               creatTime:myThis.creatTime,
               // 通过response.data.id拿到后端返回id值
               id:response.data.id
            }
            alert("新增成功")
             myThis.students.push(tableData)
          }
        }).catch(function(error){
          console.log(error)
        })
      },
      exitone(){
        this.addTable=false
      }

后端controller

//新增数据
    @RequestMapping("/doAdd")
    @ResponseBody
    public Object doAdd(@RequestBody Student student){
        Map<String,Object> maps = new HashMap<>();
       int count = studentService.add(student);
       int id = student.getId();
       maps.put("success",count);
       maps.put("id",id);
       return maps;
    }