关于电子书删除功能

来源:1-1 课前必读

Wab77

2023-10-25

问题前置内容:

老师您好,我在跟着视频完成电子书管理之删除功能后,自己想使用别的方法再次实现一下,但是遇到了问题:

我仿照查询与保存的写法,新建了一个 EbookDeleteReq​ 类。

我的 EbookController​ 类中删除代码如下:

 @DeleteMapping("/delete")
 public CommonResp delete(EbookDeleteReq ebookDeleteReq) {
     CommonResp resp = new CommonResp<>();
     ebookService.delete(ebookDeleteReq);
     return resp;
 }

我的 EbookService​ 类中删除代码如下:

public void delete(EbookDeleteReq ebookDeleteReq) {
	  ebookMapper.deleteByPrimaryKey(ebookDeleteReq.getId());
}

我的 admin-book 的删除代码如下:

 const handleDelete = (params: any) => {
     axios.delete("/ebook/delete", {params: params}).then((response) => {
         // data = commonResponse
         const data = response.data;
         if(data.success) {
             // 重新加载数据
             handleQuery({
                 page: pagination.value.current,
                 size: pagination.value.pageSize
             });
         }
     });
 };

遇到的问题

当我点击删除按钮后,没有任何响应。

我的后端日志:

image

我的前端日志(params 的 id 与数据库中的 id 吻合,是正确的):

image

​​image

我做了什么?

我测试了后端删除接口,可以正常删除。但是我对于前端不太熟悉,找了半天也无法定位问题所在,所以请求老师帮忙解答一下!

image

写回答

1回答

甲蛙

2023-10-26

你的目的是按id删除,那么前端有没有把id传递到后端呢?看后端打的日志是没有id的,所以你得检查参数传递这块,params有没有放id?

0
1
Wab77
感谢老师的答复,我今天修改代码后可以正常删除了。修改的部分如下(省略了后面的代码): const handleDelete = (id: number) => { axios.delete("/ebook/delete", { params: { id } }) ...... }; 欸,还是需要补补前端的知识的,不然以后复习课程想二次开发就很困难了。
2023-10-28
共1条回复

Spring Boot+Vue3前后端分离,实战wiki知识库系统

一课掌握前后端最火框架,更有职场竞争力

2524 学习 · 1671 问题

查看课程