SpringBoot的删除操作

handleDelete(row) {
                //第二个参数是弹窗的标题，第三个参数是弹窗类型
                //then是成功访问，catch是失败访问
                this.$confirm("永久删除，是否继续","提示",{type:"info"}).then(()=>{
                    //后端的删除接口调用的是delete进行访问
                    //访问的时候id是跟在字符串后面的，所以使用链接字符串作为参数。
                    axios.delete("/books/"+row.id).then((res)=>{
                        //判断当前操作是否成功
                        if(res.data.flag){
                            this.$message.success("删除成功");
                        }else{
                            this.$message.error("数据同步失败，自动刷新"); //刷新就是重新加载数据
                        }
                    }).finally(()=>{
                        //重新加载数据,成功或失败都要执行，所以放在最外面
                        this.getAll();
                    })
                }).catch(()=>{
                    this.$message.error("取消操作");
                })
            },

在编写过程中，首先从前端页面找到“删除”按钮涉及的点击事件，然后编写对应的handleDelete方法。通过axios对应的端口和后台建立联系，后台执行对应的方法。无论成功或失败都需重新加载数据，所以使用了finally方法。