天貓項目（4）分類管理之刪除功能

這個其實也挺簡單的，沒啥想講的

1.listCategory.html

新增一個deleteBean的方法

deleteBean: function (id) {
                                //這裏其實會出現一個確認刪除的提示框
                                if (!checkDeleteLink())
                                    return;
                                //url規範，說實話這裏的接口其實是和controller映射一致的吧
                                var url = this.uri + "/" + id;
                                axios.delete(url).then(function (response) {
                                    //刪除成功會返回一個空字符串
                                    if (0!=response.data.length)
                                        alert(response.data);
                                    else {
                                        //刪除成功，返回第一頁
                                        vue.list(0);
                                    }
                                })
                            }

//確實是否要刪除
    function checkDeleteLink(){
        var confirmDelete = confirm("確認要刪除");
        if(confirmDelete)
            return true;
        return false;
    }

都寫在註釋裏面了

自己思考的一個點就是ajax訪問的url與controller的mapping的url設計，貌似其實是一致的

<a href="#nowhere"  @click="deleteBean(bean.id)"><span class="   glyphicon glyphicon-trash"></span></a>

這是刪除的按鈕設置 

2.service略

3.controller

在調用完service方法，對數據庫進行操作以後，還要對圖片進行刪除的處理

@DeleteMapping("/categories/{id}")
    public String delete(@PathVariable("id") int id, HttpServletRequest request ){
        categoryService.delete(id);
        File imageFolder = new File(request.getServletContext().getRealPath("image/category"));
        File file = new File(imageFolder,id+".jpg");
        file.delete();
        return null;
    }

然後返回一個空字符串

挺簡單的，沒啥可說的，謝謝觀看