若依框架之批量删除或修改的前后端总结

最新推荐文章于 2024-07-28 10:06:28 发布

顾小北吖

最新推荐文章于 2024-07-28 10:06:28 发布

阅读量4k

点赞数 1

分类专栏：若依前端vue使用文章标签： javascript vue.js 前端

本文链接：https://blog.csdn.net/alice_loves/article/details/128326224

版权

若依前端vue使用专栏收录该内容

8 篇文章 3 订阅

订阅专栏

若依新手，把自己觉得有意义的记录一下，欢迎大家指正~

批量删除或修改的语句相差不多，因为我这次做的是修改，所以就以修改为例了~

1.前端vue页面按钮点击修改

<el-button
  type="success"
  plain
  icon="el-icon-edit"
  size="mini"
  @click="submitFs"
>复修改</el-button>

2.前端修改方法

submitFs(row) {
  const ids = row.id || this.ids
  fushenPl(ids);
},

获取一下选择的数据，然后传到后台进行处理，获取方法如下

3.前端多项选择方法

handleSelectionChange(selection) {
  this.ids = selection.map(item => item.id)
  this.names = selection.map(item => item.nickName)
  this.single = selection.length!==1
  this.multiple = !selection.length
},

使用map把选择的多条数据连到一起，以逗号的方式隔开，后续用到的时候，再分开

4.前端 js方法

export function fushenPl(id) {
  return request({
    url: '/accreditation/fushenPl'+id,
    method: 'put',
  })
}

5.后端 controller层

@GetMapping("/fushenPl/{ids}")
   public AjaxResult fushenPl(@PathVariable String[] ids)
   {
       return toAjax(bmRendingService.fushenPlBmRendingByIds(ids));
   }

因为service，serviceImpl，mapper层都没有什么改动，所以省略了

6.后端 mapper.xml层

<update id="fushenPlBmRendingByIds" parameterType="String">
    update bm_rending  set SHENBAO_STATE = '1' where id in
    <foreach item="id" collection="array" open="(" separator="," close=")">
        #{id}
    </foreach>
</update>

其实才到重点，就这个 foreach 就是sql里的in方法，主要注意这个写法，不要写错。