《Vue.js 3企業級項目開發實戰（微課視頻版）》是2023年8月1日清華大學出版社出版的圖書，作者：袁龍。
基本介紹
- 中文名：Vue.js 3企業級項目開發實戰（微課視頻版）
- 作者：袁龍
- 出版時間：2023年8月1日
- 出版社：清華大學出版社
- ISBN：9787302639466
- 定價：109 元
- 印次：1-1
- 印刷日期：2023.08.11
內容簡介,圖書目錄,
內容簡介
本書是一本實用性很強的Vue.js 3實戰項目書。書中結合實際項目場景，構建了一個完整的企業級套用。全書共分13章，內容包含項目概述、Vue3項目管理、登錄管理、後台主框架、圖庫管理、管理員管理、用戶管理、商品管理、訂單管理、優惠券管理、商品評論管理、分銷管理和公告管理，並且講解了這些模組的實際套用方法。同時，本書還介紹了如何使用Vite、Axios、Vue Router、Vuex等流行工具和庫，以提高開發效率、提升用戶體驗。
圖書目錄
目 錄
第1章 項目概述 1
1.1 項目全局介紹 1
1.2 項目成果 3
第2章 Vue3項目管理 9
2.1 使用Vite創建Vue3項目 9
2.2 Vite目錄結構 10
2.3 配置vue-router路由模組 11
2.4 設定檔案系統路徑別名 12
2.5 捕獲404路由 13
2.6 全局引用Element Plus 15
第3章 登錄管理 17
3.1 登錄靜態頁面 17
3.2 setup語法糖 20
3.3 登錄表單數據進行合法性驗證 21
3.4 封裝axios請求模組 23
3.5 登錄API互動 24
3.6 本地存儲token信息 27
3.7 根據token獲取管理員信息 28
3.8 禁止用戶重複登錄 30
3.9 使用Vuex倉庫管理用戶信息 32
3.10 全局路由守衛 33
3.11 Vuex數據持久化 34
3.12 退出登錄 36
3.13 使用loading進度條 37
第4章 後台主框架 39
4.1 商城後台首頁靜態頁面布局 39
4.2 Header組件樣式開發 41
4.3 頁面刷新及瀏覽器全螢幕 43
4.4 修改管理員密碼 44
4.5 最佳化功能模組實現代碼封裝 48
4.6 側邊欄導航選單布局 50
4.7 側邊欄選單前後端數據互動 52
4.8 左側導航選單的展開和隱藏 54
4.9 動態新增選項卡選單 56
4.9.1 選項卡樣式布局 56
4.9.2 渲染tabs標籤數據源 58
4.9.3 動態添加tabs標籤 59
4.9.4 刪除tabs標籤 60
4.9.5 keep-alive頁面快取 62
4.10 後台首頁統計面板 62
4.10.1 統計面板靜態頁面 63
4.10.2 統計面板數據互動 64
4.10.3 骨架屏及數字滾動效果 65
4.11 後台首頁分類組件 67
4.12 首頁echarts圖表組件 69
4.12.1 echarts圖表靜態頁面 69
4.12.2 echarts圖表後端數據互動 71
4.13 店鋪提示組件 73
第5章 圖庫管理 77
5.1 圖庫管理頁面布局 77
5.2 圖庫分類數據互動 81
5.3 圖庫分類列表分頁 83
5.4 新增圖庫分類樣式布局 84
5.5 新增圖庫分類業務處理 85
5.6 修改圖庫分類 87
5.7 刪除圖庫分類 89
5.8 圖庫列表布局 91
5.9 圖庫列表前後端數據互動 93
5.10 圖庫列表渲染及重命名 96
5.11 刪除圖片 99
第6章 管理員管理 101
6.1 管理員管理頁面樣式布局 101
6.2 管理員管理頁面數據互動 104
6.3 管理員狀態管理 105
6.4 新增管理員 107
6.5 刪除管理員 112
6.6 編輯管理員信息 113
6.7 上傳管理員頭像 115
6.8 搜尋及分頁 119
6.9 選單許可權管理樣式布局 121
6.10 選單許可權管理表數據互動 124
6.11 新增選單許可權 125
6.12 封裝icon圖示模組 130
6.13 修改選單許可權 131
6.14 修改選單啟用狀態 133
6.15 刪除選單許可權 135
6.16 角色管理頁面樣式布局 136
6.17 角色管理數據互動 138
6.18 新增角色 139
6.19 根據角色ID編輯角色 143
6.20 根據角色ID刪除角色 145
6.21 根據角色ID修改角色啟用狀態 146
6.22 分配許可權 148
第7章 用戶管理 153
7.1 用戶管理頁面布局 153
7.2 用戶列表前後端數據互動 156
7.3 新增用戶 157
7.4 修改用戶 161
7.5 刪除用戶 163
7.6 搜尋用戶 164
第8章 商品管理 166
8.1 商品規格管理頁面樣式布局 166
8.2 商品規格管理數據互動 168
8.3 新增商品規格 169
8.4 編輯商品規格 174
8.5 刪除和批量刪除商品規格 176
8.6 商品管理頁面樣式布局 178
8.7 商品管理數據互動 181
8.8 商品類型切換及商品搜尋 183
8.9 新增商品 185
8.10 編輯商品 189
8.11 設定商品輪播圖 191
8.12 設定商品詳情 195
8.13 設定商品規格 199
8.13.1 商品單規格設定 199
8.13.2 商品多規格設定 204
8.13.3 渲染商品規格列表 208
8.13.4 渲染商品規格選項值 210
8.13.5 新增商品規格選項值 211
8.13.6 刪除商品規格選項值 213
8.13.7 編輯商品規格選項值 214
8.13.8 新增商品規格 216
8.13.9 編輯商品規格 217
8.13.10 刪除商品規格 219
8.13.11 商品多規格設定表格樣式布局 220
8.13.12 初始化多規格表格 222
8.13.13 動態添加表格數據 225
8.13.14 解決數據覆蓋 226
8.14 商品分類管理頁面樣式布局 228
8.15 商品分類管理數據互動 229
8.16 新增商品分類 230
8.17 編輯商品分類 233
8.18 刪除商品分類 235
8.19 修改商品分類啟用狀態 237
第9章 訂單管理 239
9.1 商品訂單管理頁面布局 239
9.2 商品訂單列表數據互動 242
9.3 訂單詳情管理 245
9.4 批量刪除訂單 248
9.5 導出訂單列表到Excel表格 249
第10章 優惠券管理 253
10.1 優惠券管理頁面樣式布局 253
10.2 優惠券列表數據互動 256
10.3 新增優惠券 258
10.4 修改優惠券信息 263
10.5 刪除優惠券 265
10.6 設定優惠券失效 266
第11章 商品評論管理 269
11.1 商品評論管理頁面樣式布局 269
11.2 渲染商品評論列表 271
11.3 展開商品評論 272
11.4 回復或修改商品評論 273
11.5 設定商品評論是否顯示 276
第12章 分銷管理 278
12.1 分銷員管理頁面樣式布局 278
12.2 分銷員管理數據互動 280
12.3 查看分銷員推廣明細 282
12.4 分銷設定 286
第13章 公告管理 290
13.1 公告管理頁面樣式布局 290
13.2 公告管理頁面數據互動 292
13.3 新增公告 294
13.4 編輯公告 297
13.5 刪除公告 299
