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

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

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方法,主要注意这个写法,不要写错。

Logo

快速构建 Web 应用程序

更多推荐