逆向生成頁面
新增菜單—商品系統的品牌管理 —product/brand
在代碼生成器得到的文件中,
main-resources-src-views-modules-product
brand.vue、brand-add-or-update.vue放到category.vue同級
vue文件有新增、刪除按鈕,但頁面未顯示,是因為權限問題。
在 utils-index.js
中,是否有權限返回true===>重啟項目!
報錯:TRUE不行,因為已經棄用,依賴報錯
優化逆向生成頁面
1、顯示狀態后的備注刪除
es6語法檢查太嚴格,在 bulid---webpack.base.config.js``中把createlintingRule
{}里面注釋掉。需要重啟項目!
在顯示狀態下,自定義開關按鈕,scope.slot
在elemt-ui的table
側邊欄,把 switch
放進去
<template scope> el-switch
綁定 scope.row.showStatus
看示例,一邊查看結果
為switch 綁定 @change="updateBrandStatus(scope.row)"
事件,聲明方法,默認傳入參數status,但不夠,method中是data,可以打印看看
1.1 brand.vue 中動態綁定
1.2 brand-add-or-update.vue 中不用 el-input ,而用el-switch ,并綁定 dataForm.showStatus;label-width 調整寬度,140px
發送修改請求:BrandController
brand/update
post
json格式:{“brandId":1, "logo":"xxx"}
發送名牌Id和顯示狀態
解構字段 let {brandId, showStatus} = data
并發送字段
給提示 success ,狀態更新成功
實際上showStatus顯示為1,不顯示為0,做判斷。實際上:{brandId, showStatus:showStatus?1:0}
在el-switch中寫 :active-value="1" :inactive-value="0"
也就不用做三元判斷了
問題:修改成功了,但返回不對應?
發現傳入brandId和showStatus報錯, update where brandId=? and show_status=1
只能改變狀態為1的,發現原因是mybatis-plus配置邏輯刪除的,是對showStatus全局配置,原來的db-field。
現對Category實體字段配置單表, @TableLogic(~~~~)
成功!