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

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. 效果

4. 模糊搜索，用book的name字段模糊搜索

效果：