批量删除讲师前后端实现

一 后端实现

/**
* 功能描述：根据ID列表删除讲师
*
* @param idList 讲师ID列表
* @return R 返回给前端的数据
* @author cakin
* @date 2020/11/28
*/
@ApiOperation(value = "根据ID列表删除讲师")
@DeleteMapping("batch-remove")
public R removeRows(@ApiParam(value = "讲师ID列表", required = true) @RequestBody List<String> idList) {
    boolean result = teacherService.removeByIds(idList);
    if (result) {
        return R.ok().message("删除成功");
    } else {
        return R.error().message("数据不存在");
    }
}

二 前端实现

1 api

  // 批量删除讲师
  batchRemove(idList) {
    return request({
      url: '/admin/edu/teacher/batch-remove',
      method: 'delete',
      data: idList
    })
  },

2 添加删除复选框

    <el-table :data="list" border stripe>
      <!-- 选择列 -->
      <el-table-column type="selection" />

3 添加删除按钮