Vue.js 3.x+Express全棧開發(fā)：從0到1打造商城項(xiàng)目

第1章  項(xiàng)目概覽與環(huán)境準(zhǔn)備 1
1.1  項(xiàng)目概覽 1
1.1.1  電商項(xiàng)目的功能構(gòu)成 2
1.1.2  前端框架Vue.js及其周邊工具 3
1.1.3  熟悉Node.js與Express 4
1.1.4  從JavaScript到TypeScript 5
1.2  腳手架工具的應(yīng)用 6
1.2.1  安裝Node.js環(huán)境 6
1.2.2  使用Vue.js腳手架工具Vite 7
1.2.3  使用Express項(xiàng)目生成工具 9
1.2.4  使用Visual Studio Code編程工具 11
1.3  HelloWorld工程解析 13
1.3.1  Vue.js工程解析 13
1.3.2  Express工程解析 16
1.4  小結(jié)與上機(jī)練習(xí) 22
第2章  前端基礎(chǔ)模塊及應(yīng)用 24
2.1  axios與vue-axios網(wǎng)絡(luò)請(qǐng)求模塊的應(yīng)用 25
2.1.1  嘗試發(fā)起一個(gè)HTTP請(qǐng)求 25
2.1.2  axios網(wǎng)絡(luò)模塊的更多用法 27
2.2  Element Plus頁(yè)面UI組件模塊的應(yīng)用 30
2.2.1  加載Element Plus模塊 30
2.2.2  基礎(chǔ)UI組件 32
2.2.3  典型的表單類組件 34
2.2.4  典型的數(shù)據(jù)展示類組件 37
2.2.5  常用的導(dǎo)航組件 40
2.2.6  常用的用戶反饋類組件 43
2.3  Vue Router路由模塊的應(yīng)用 46
2.3.1  Vue Router模塊的使用 46
2.3.2  動(dòng)態(tài)路由與參數(shù)匹配 48
2.3.3  路由的嵌套和命名 51
2.3.4  路由中的導(dǎo)航守衛(wèi) 54
2.4  Pinia狀態(tài)管理模塊的應(yīng)用 56
2.4.1  嘗試使用Pinia 56
2.4.2  Pinia中的幾個(gè)核心概念 59
2.5  小結(jié)與上機(jī)練習(xí) 60
第3章  后端服務(wù)基礎(chǔ)模塊及應(yīng)用 69
3.1  文件上傳服務(wù) 70
3.1.1  圖片上傳服務(wù)示例 70
3.1.2  Multer中間件的更多用法 74
3.2  在Express中使用MySQL數(shù)據(jù)庫(kù) 76
3.2.1  MySQL數(shù)據(jù)庫(kù)的安裝和簡(jiǎn)單使用 76
3.2.2  在Express中調(diào)用MySQL的相關(guān)功能 79
3.3  使用JSON Web Token實(shí)現(xiàn)身份授權(quán)和驗(yàn)證 82
3.3.1  JSON Web Token簡(jiǎn)介 82
3.3.2  在Express中使用JWT 83
3.4  使用bcrypt加密模塊實(shí)現(xiàn)商城安全 86
3.5  小結(jié)與上機(jī)練習(xí) 89
第4章  開發(fā)用戶登錄和注冊(cè)模塊 96
4.1  實(shí)現(xiàn)服務(wù)端的登錄和注冊(cè)模塊 96
4.1.1  用戶數(shù)據(jù)表的定義 97
4.1.2  封裝數(shù)據(jù)庫(kù)工具類與實(shí)現(xiàn)登錄和注冊(cè)接口 98
4.2  實(shí)現(xiàn)用戶端的登錄和注冊(cè)功能 107
4.2.1  搭建用戶端工程 108
4.2.2  開發(fā)用戶端登錄和注冊(cè)頁(yè)面 110
4.2.3  開發(fā)用戶端賬戶數(shù)據(jù)邏輯 113
4.2.4  開發(fā)用戶端登錄和注冊(cè)接口邏輯 115
4.3  實(shí)現(xiàn)后臺(tái)管理端的登錄和注冊(cè)功能 119
4.4  小結(jié)與上機(jī)練習(xí) 121
第5章  開發(fā)營(yíng)銷推廣模塊 124
5.1  實(shí)現(xiàn)服務(wù)端的運(yùn)營(yíng)推廣模塊 124
5.1.1  定義運(yùn)營(yíng)位表結(jié)構(gòu)和接口文檔 125
5.1.2  實(shí)現(xiàn)運(yùn)營(yíng)位圖片上傳接口 131
5.1.3  實(shí)現(xiàn)用戶鑒權(quán)中間件 133
5.1.4  實(shí)現(xiàn)運(yùn)營(yíng)位業(yè)務(wù)接口 136
5.2  實(shí)現(xiàn)后臺(tái)管理端的運(yùn)營(yíng)位管理模塊 138
5.2.1  搭建后臺(tái)管理系統(tǒng)首頁(yè) 138
5.2.2  實(shí)現(xiàn)創(chuàng)建運(yùn)營(yíng)位組件 141
5.2.3  實(shí)現(xiàn)運(yùn)營(yíng)位管理模塊 146
5.3  實(shí)現(xiàn)用戶端的運(yùn)營(yíng)位模塊 149
5.4  小結(jié)與上機(jī)練習(xí) 152
第6章  開發(fā)商品列表與詳情模塊 154
6.1  開發(fā)服務(wù)端的商品相關(guān)模塊 154
6.1.1  商品類別表的定義與接口實(shí)現(xiàn) 155
6.1.2  商品表與相關(guān)接口的實(shí)現(xiàn) 158
6.2  實(shí)現(xiàn)后臺(tái)管理端的商品管理模塊 167
6.2.1  實(shí)現(xiàn)類別管理功能 167
6.2.2  實(shí)現(xiàn)商品編輯模塊 172
6.2.3  實(shí)現(xiàn)商品管理模塊 180
6.3  實(shí)現(xiàn)用戶端的商品模塊 183
6.3.1  實(shí)現(xiàn)用戶端首頁(yè)商品推薦模塊 184
6.3.2  實(shí)現(xiàn)用戶端的商品詳情頁(yè) 189
6.4  小結(jié)與上機(jī)練習(xí) 193
第7章  開發(fā)購(gòu)物車與訂單模塊 194
7.1  實(shí)現(xiàn)服務(wù)端的購(gòu)物車與訂單模塊 194
7.1.1  購(gòu)物車表的定義與功能接口的實(shí)現(xiàn) 195
7.1.2  訂單表的定義與接口分析 200
7.1.3  實(shí)現(xiàn)訂單模塊后端接口 202
7.2  實(shí)現(xiàn)用戶端的購(gòu)物車與訂單模塊 207
7.2.1  實(shí)現(xiàn)購(gòu)物車功能 207
7.2.2  實(shí)現(xiàn)訂單模塊 212
7.3  實(shí)現(xiàn)后臺(tái)管理端的訂單管理模塊 217
7.4  小結(jié)與上機(jī)練習(xí) 218
第8章  開發(fā)搜索與評(píng)價(jià)模塊 222
8.1  實(shí)現(xiàn)服務(wù)端的搜索與評(píng)價(jià)模塊 222
8.1.1  實(shí)現(xiàn)商品搜索接口 223
8.1.2  評(píng)價(jià)數(shù)據(jù)結(jié)構(gòu)與接口定義 224
8.1.3  實(shí)現(xiàn)評(píng)價(jià)相關(guān)接口 226
8.2  實(shí)現(xiàn)用戶端的搜索與評(píng)價(jià)模塊 229
8.2.1  實(shí)現(xiàn)搜索功能 230
8.2.2  實(shí)現(xiàn)創(chuàng)建商品評(píng)價(jià)功能 233
8.2.3  實(shí)現(xiàn)商品評(píng)價(jià)展示功能 237
8.3  實(shí)現(xiàn)后臺(tái)管理端的評(píng)價(jià)模塊 239
8.4  小結(jié)與上機(jī)練習(xí) 242
第9章  數(shù)據(jù)統(tǒng)計(jì)模塊與項(xiàng)目總結(jié) 243
9.1  實(shí)現(xiàn)電商后臺(tái)數(shù)據(jù)統(tǒng)計(jì)模塊 243
9.1.1  數(shù)據(jù)統(tǒng)計(jì)功能的后端接口定義 244
9.1.2  數(shù)據(jù)統(tǒng)計(jì)功能的后端服務(wù)接口實(shí)現(xiàn) 245
9.1.3  后臺(tái)管理端的數(shù)據(jù)圖表繪制 250
9.2  項(xiàng)目總結(jié) 254
9.3  小結(jié)與上機(jī)練習(xí) 256