【Spring+MyBatis】_图书管理系统（下篇）

图书管理系统上篇、中篇如下：

【Spring+MyBatis】_图书管理系统（上篇）-CSDN博客

【Spring+MyBatis】_图书管理系统（中篇）-CSDN博客

功能5：删除图书

6.1 约定前后端交互接口

6.2 后端接口

6.3 前端页面

6.4 单元测试

功能6：批量删除图书

7.1 约定前后端交互接口

7.2 后端接口

7.3 前端页面

7.4 单元测试

功能5：删除图书

6.1 约定前后端交互接口

接口定义：/Book/deleteBook；

参数：id；

返回内容：字符串。为空则表示删除成功，不为空则表示删除失败，并返回错误信息；

采用逻辑删除方式，即通过update操作实现，具体做法是将status置为0，令前端页面无法获取；

接口定义：/Book/updateBook；

参数：id，status；

返回内容：字符串。为空则表示删除成功，不为空则表示删除失败，并返回错误信息；

6.2 后端接口

BookController类和BookService类中均无需新增方法，通过updateBook实现；

BookInfoMapper接口也无需新增方法声明，

仅需在单元测试后端接口时根据updateBook方法的对应路由并传递id和status=0；

在编写前端页面时将ajax的url置为updateBook方法的对应路由即可；

6.3 前端页面

在book_list.html页面增加：

 function deleteBook(bookId) {var isDelete = confirm("确认删除?");if (isDelete) {//删除图书$.ajax({type:"post",url: "/Book/updateBook",data: {id:bookId,status:0},success: function(result){if(result == ""){//    删除成功location.href="book_list.html";}else{//    删除失败alert(result);}}})}}

6.4 单元测试

1、通过Postman测试后端接口：

查看前端页面图书列表信息：

可见id=13的图书信息已经在前端页面不可见，

在服务器端查看日志：

查看数据库图书信息：

可见该图书信息并未真正删除，且status被置为0；

2、测试前端页面：

删除id=11的图书信息：

在数据库中查看图书信息：

可见数据库中该图书信息并未删除，且status被置为0；

功能6：批量删除图书

7.1 约定前后端交互接口

同功能5的删除单个图书即单个更新图书状态的思路，批量删除图书就是批量更新图书状态；

但当前实现的updateBook方法仅支持一个id作为参数，即接口不可复用，需单独编写接口；

接口定义：/Book/batchDelete；

参数：List<Integer> ids；

返回内容：字符串。为空则表示删除成功，不为空则表示删除失败，并返回错误信息；

7.2 后端接口

在BookController类中增加相关方法：

@RequestMapping("/batchDelete")public String batchDelete(@RequestParam List<Integer> ids){log.info("接收批量删除图书请求: 图书id:{}",ids);Integer  result=bookService.batchDelete(ids);if(result <=0){log.error("批量删除失败，图书id:{}",ids);return "批量删除失败，请联系管理员";}return "";}

在BookService类中增加相关方法：

    public Integer batchDelete(List<Integer> ids){Integer result=0;try{result=bookInfoMapper.batchDelete(ids);}catch (Exception e){log.error("批量删除图书失败:e{}",e);}return result;}

在BookInfoMapper接口中增加相关方法声明：

    Integer batchDelete(@Param("ids") List<Integer> ids);

为batchDelete方法配置对应xml文件的<update>标签：

<update id="batchDelete">update book_infoset status=0where id in<foreach collection="ids" item="id" open="(" close=")" separator=",">#{id}</foreach></update>

注：使用集合作为参数时，若直接将元素用逗号连接作为参数传递会报错：

在Spring MVC传参部分曾有介绍，需使用@RequestParam注解：

【JavaEE】_Spring MVC项目使用数组与集合传参_java传参集合-CSDN博客文章浏览阅读1.2k次，点赞34次，收藏20次。本文介绍了在SpringMVC项目中如何使用数组和List接口进行参数传递，包括单个和多个同名参数处理，以及urlencode的应用。同时讲解了@RequestParam注解的使用，以确保正确接收和解析参数。https://blog.csdn.net/m0_63299495/article/details/136489044

7.3 前端页面

 function batchDelete() {var isDelete = confirm("确认批量删除?");if (isDelete) {//获取复选框的idvar ids = [];$("input:checkbox[name='selectBook']:checked").each(function () {ids.push($(this).val());});console.log(ids);$.ajax({type: "post",url: "/Book/batchDelete?ids="+ids,success: function (result) {if(result == ""){//    删除成功location.href="book_list.html";}else{//    删除失败alert(result);}}});}}