Vue.js 3企業(yè)級(jí)項(xiàng)目開發(fā)實(shí)戰(zhàn)（微課視頻版）

第1章  項(xiàng)目概述 1
1.1  項(xiàng)目全局介紹 1
1.2  項(xiàng)目成果 3
第2章  Vue3項(xiàng)目管理 9
2.1  使用Vite創(chuàng)建Vue3項(xiàng)目 9
2.2  Vite目錄結(jié)構(gòu) 10
2.3  配置vue-router路由模塊 11
2.4  設(shè)置文件系統(tǒng)路徑別名 12
2.5  捕獲404路由 13
2.6  全局引用Element Plus 15
第3章  登錄管理 17
3.1  登錄靜態(tài)頁(yè)面 17
3.2  setup語(yǔ)法糖 20
3.3  登錄表單數(shù)據(jù)進(jìn)行合法性驗(yàn)證 21
3.4  封裝axios請(qǐng)求模塊 23
3.5  登錄API交互 24
3.6  本地存儲(chǔ)token信息 27
3.7  根據(jù)token獲取管理員信息 28
3.8  禁止用戶重復(fù)登錄 30
3.9  使用Vuex倉(cāng)庫(kù)管理用戶信息 32
3.10  全局路由守衛(wèi) 33
3.11  Vuex數(shù)據(jù)持久化 34
3.12  退出登錄 36
3.13  使用loading進(jìn)度條 37
第4章  后臺(tái)主框架 39
4.1  商城后臺(tái)首頁(yè)靜態(tài)頁(yè)面布局 39
4.2  Header組件樣式開發(fā) 41
4.3  頁(yè)面刷新及瀏覽器全屏 43
4.4  修改管理員密碼 44
4.5  優(yōu)化功能模塊實(shí)現(xiàn)代碼封裝 48
4.6  側(cè)邊欄導(dǎo)航菜單布局 50
4.7  側(cè)邊欄菜單前后端數(shù)據(jù)交互 52
4.8  左側(cè)導(dǎo)航菜單的展開和隱藏 54
4.9  動(dòng)態(tài)新增選項(xiàng)卡菜單 56
4.9.1  選項(xiàng)卡樣式布局 56
4.9.2  渲染tabs標(biāo)簽數(shù)據(jù)源 58
4.9.3  動(dòng)態(tài)添加tabs標(biāo)簽 59
4.9.4  刪除tabs標(biāo)簽 60
4.9.5  keep-alive頁(yè)面緩存 62
4.10  后臺(tái)首頁(yè)統(tǒng)計(jì)面板 62
4.10.1  統(tǒng)計(jì)面板靜態(tài)頁(yè)面 63
4.10.2  統(tǒng)計(jì)面板數(shù)據(jù)交互 64
4.10.3  骨架屏及數(shù)字滾動(dòng)效果 65
4.11  后臺(tái)首頁(yè)分類組件 67
4.12  首頁(yè)echarts圖表組件 69
4.12.1  echarts圖表靜態(tài)頁(yè)面 69
4.12.2  echarts圖表后端數(shù)據(jù)交互 71
4.13  店鋪提示組件 73
第5章  圖庫(kù)管理 77
5.1  圖庫(kù)管理頁(yè)面布局 77
5.2  圖庫(kù)分類數(shù)據(jù)交互 81
5.3  圖庫(kù)分類列表分頁(yè) 83
5.4  新增圖庫(kù)分類樣式布局 84
5.5  新增圖庫(kù)分類業(yè)務(wù)處理 85
5.6  修改圖庫(kù)分類 87
5.7  刪除圖庫(kù)分類 89
5.8  圖庫(kù)列表布局 91
5.9  圖庫(kù)列表前后端數(shù)據(jù)交互 93
5.10  圖庫(kù)列表渲染及重命名 96
5.11  刪除圖片 99
第6章  管理員管理 101
6.1  管理員管理頁(yè)面樣式布局 101
6.2  管理員管理頁(yè)面數(shù)據(jù)交互 104
6.3  管理員狀態(tài)管理 105
6.4  新增管理員 107
6.5  刪除管理員 112
6.6  編輯管理員信息 113
6.7  上傳管理員頭像 115
6.8  搜索及分頁(yè) 119
6.9  菜單權(quán)限管理樣式布局 121
6.10  菜單權(quán)限管理表數(shù)據(jù)交互 124
6.11  新增菜單權(quán)限 125
6.12  封裝icon圖標(biāo)模塊 130
6.13  修改菜單權(quán)限 131
6.14  修改菜單啟用狀態(tài) 133
6.15  刪除菜單權(quán)限 135
6.16  角色管理頁(yè)面樣式布局 136
6.17  角色管理數(shù)據(jù)交互 138
6.18  新增角色 139
6.19  根據(jù)角色I(xiàn)D編輯角色 143
6.20  根據(jù)角色I(xiàn)D刪除角色 145
6.21  根據(jù)角色I(xiàn)D修改角色啟用狀態(tài) 146
6.22  分配權(quán)限 148
第7章  用戶管理 153
7.1  用戶管理頁(yè)面布局 153
7.2  用戶列表前后端數(shù)據(jù)交互 156
7.3  新增用戶 157
7.4  修改用戶 161
7.5  刪除用戶 163
7.6  搜索用戶 164
第8章  商品管理 166
8.1  商品規(guī)格管理頁(yè)面樣式布局 166
8.2  商品規(guī)格管理數(shù)據(jù)交互 168
8.3  新增商品規(guī)格 169
8.4  編輯商品規(guī)格 174
8.5  刪除和批量刪除商品規(guī)格 176
8.6  商品管理頁(yè)面樣式布局 178
8.7  商品管理數(shù)據(jù)交互 181
8.8  商品類型切換及商品搜索 183
8.9  新增商品 185
8.10  編輯商品 189
8.11  設(shè)置商品輪播圖 191
8.12  設(shè)置商品詳情 195
8.13  設(shè)置商品規(guī)格 199
8.13.1  商品單規(guī)格設(shè)置 199
8.13.2  商品多規(guī)格設(shè)置 204
8.13.3  渲染商品規(guī)格列表 208
8.13.4  渲染商品規(guī)格選項(xiàng)值 210
8.13.5  新增商品規(guī)格選項(xiàng)值 211
8.13.6  刪除商品規(guī)格選項(xiàng)值 213
8.13.7  編輯商品規(guī)格選項(xiàng)值 214
8.13.8  新增商品規(guī)格 216
8.13.9  編輯商品規(guī)格 217
8.13.10  刪除商品規(guī)格 219
8.13.11  商品多規(guī)格設(shè)置表格樣式布局 220
8.13.12  初始化多規(guī)格表格 222
8.13.13  動(dòng)態(tài)添加表格數(shù)據(jù) 225
8.13.14  解決數(shù)據(jù)覆蓋 226
8.14  商品分類管理頁(yè)面樣式布局 228
8.15  商品分類管理數(shù)據(jù)交互 229
8.16  新增商品分類 230
8.17  編輯商品分類 233
8.18  刪除商品分類 235
8.19  修改商品分類啟用狀態(tài) 237
第9章  訂單管理 239
9.1  商品訂單管理頁(yè)面布局 239
9.2  商品訂單列表數(shù)據(jù)交互 242
9.3  訂單詳情管理 245
9.4  批量刪除訂單 248
9.5  導(dǎo)出訂單列表到Excel表格 249
第10章  優(yōu)惠券管理 253
10.1  優(yōu)惠券管理頁(yè)面樣式布局 253
10.2  優(yōu)惠券列表數(shù)據(jù)交互 256
10.3  新增優(yōu)惠券 258
10.4  修改優(yōu)惠券信息 263
10.5  刪除優(yōu)惠券 265
10.6  設(shè)置優(yōu)惠券失效 266
第11章  商品評(píng)論管理 269
11.1  商品評(píng)論管理頁(yè)面樣式布局 269
11.2  渲染商品評(píng)論列表 271
11.3  展開商品評(píng)論 272
11.4  回復(fù)或修改商品評(píng)論 273
11.5  設(shè)置商品評(píng)論是否顯示 276
第12章  分銷管理 278
12.1  分銷員管理頁(yè)面樣式布局 278
12.2  分銷員管理數(shù)據(jù)交互 280
12.3  查看分銷員推廣明細(xì) 282
12.4  分銷設(shè)置 286
第13章  公告管理 290
13.1  公告管理頁(yè)面樣式布局 290
13.2  公告管理頁(yè)面數(shù)據(jù)交互 292
13.3  新增公告 294
13.4  編輯公告 297
13.5  刪除公告 299