springboot+vue前后端分离项目-项目搭建12-批量删除

xiexieyc / 2024-07-16 / 原文

1. 改造vue/src/views/Book.vue

【1】增加批量删除按钮,table列表里第一列为多选

 【2】增加ids,存储选择的数据id数组

 【3】handleSelectionChange方法用来多选后将数据id存储到ids中,deleteBatch方法是点击批量删除按钮时调用后台的批量删除功能

 2. 改造com/example/demo/controller/BookController.java,接收前端的请求,批量删除数据,deleteBatchIds是mybatisplus自带的批量删除方法

 3. 效果

 -- 模糊搜索暂时还未生效