文章目录
- 🎋前言
- 🍃删除图书
- 🚩约定前后端交互接口
- 🚩完善前端代码
- 🚩接口测试
- 🎍批量删除
- 🚩约定前后端交互接口
- 🚩实现后端服务器代码
- 🎈控制层
- 🎈业务层
- 🎈数据层
- 🚩前端代码实现
- ⭕总结
🎋前言
年后我们紧接前面的项目继续开发,开始进行删除与批量删除的接口模块的开发。
🍃删除图书
关于删除图书,我们有两种做法,一种是=物理删除,一种是逻辑删除
逻辑删除:
- 逻辑删除也称为软删除、假删除、Soft Delete,即不真正删除数据,⽽在某⾏数据上增加类型is_deleted的删除标识,⼀般使⽤UPDATE语句
物理删除:
- 物理删除也称为硬删除,从数据库表中删除某⼀⾏或某⼀集合数据,⼀般使⽤DELETE语句
这里由于博主在建表的时候已经预留了状态位,所以这里博主使用的是逻辑删除。
🚩约定前后端交互接口
逻辑删除依然是更新逻辑,我们可以直接使⽤修改图书的接⼝
/book/updateBook
[请求]
/book/updateBook
Content-Type: application/x-www-form-urlencoded; charset=UTF-8
[参数]
id=1&status=0
[响应]
“” //失败信息, 成功时返回空字符串
🚩完善前端代码
代码实现如下:
function deleteBook(id) {
var isDelete = confirm("确认删除?");
if (isDelete) {
//删除图书
$.ajax({
type: "post",
url: "/book/updateBook",
data: {
id: id,
status: 0
},
success: function (result) {
if(result == "") {
location.href = "book_list.html"
} else {
console.log("删除失败,请联系管理员!")
}
//重新刷新⻚⾯
}
});
}
}
🚩接口测试
选择删除
点击确定
删除成功
🎍批量删除
批量删除其实就是批量修改数据,代码书写也就比较简单。
🚩约定前后端交互接口
[请求]
/book/batchDeleteBook
Content-Type: application/x-www-form-urlencoded; charset=UTF-8
[参数]
[响应]
“” //失败信息, 成功时返回空字符串
点击[批量删除]按钮时,只需要把复选框选中的图书的ID,发送到后端即可多个id,我们使⽤List的形式来传递参数
🚩实现后端服务器代码
🎈控制层
对传入数据进行一个日志打印,方便寻找错误
并对批量删除进行一个批量删除
@RequestMapping("/batchDeleteBook")
public boolean batchDeleteBook(@RequestParam List<Integer> ids){
log.info("批量删除图书, ids:{}",ids);
try{
bookService.batchDeleteBook(ids);
}catch (Exception e){
log.error("批量删除异常,e:",e);
return false;
}
return true;
}
🎈业务层
只需要调用数据层的方法并传参即可
public void batchDeleteBook(List<Integer> ids) {
bookInfoMapper.batchDeleteBook(ids);
}
🎈数据层
批量删除需要⽤到动态SQL,这里博主使用xml的方式进行实现
接口定义如下:
void batchDeleteBook(@Param("ids") List<Integer> ids);
这里需要注意的是:
- 当我们传递一个 List 实例或者数组作为参数对象传给 MyBatis。当你这么做的时候,MyBatis 会自动将它包装在一个 Map 中,用名称在作为键。List 实例将会以“list” 作为键,而数组实例将会以“array”作为键。所以,当我们传递的是一个List集合时,mybatis会自动把我们的list集合包装成以list为Key值的map。
所以博主这里加了注解进行解决,当然还有其他解决方法,可以参考 發V發 大佬写的 决解Mybatis传递List集合报错 Available parameters are [collection, list]
xml接口代码实现如下:
<update id="batchDeleteBook">
update book_info set status=0
where id in
<foreach collection="ids" item="id" separator="," open="(" close=")">
#{id}
</foreach>
</update>
🚩前端代码实现
代码实现如下:
function batchDelete() {
var isDelete = confirm("确认批量删除?");
if (isDelete) {
//获取复选框的id
var ids = [];
$("input:checkbox[name='selectBook']:checked").each(function () {
ids.push($(this).val());
});
console.log(ids);
//批量删除
$.ajax({
type: "post",
url: "/book/batchDeleteBook?ids="+ids,
success: function (result) {
if (result) {
alert("删除成功");
//重新刷新⻚⾯
location.href = "book_list.html"
}
}
});
}
}
⭕总结
关于《【JavaEE进阶】 图书管理系统开发日记——陆》就讲解到这儿,感谢大家的支持,欢迎各位留言交流以及批评指正,如果文章对您有帮助或者觉得作者写的还不错可以点一下关注,点赞,收藏支持一下!