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ò)請求模塊的應(yīng)用 25
2.1.1  嘗試發(fā)起一個HTTP請求 25
2.1.2  axios網(wǎng)絡(luò)模塊的更多用法 27
2.2  Element Plus頁面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  動態(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中的幾個核心概念 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ù)庫 76
3.2.1  MySQL數(shù)據(jù)庫的安裝和簡單使用 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簡介 82
3.3.2  在Express中使用JWT 83
3.4  使用bcrypt加密模塊實(shí)現(xiàn)商城安全 86
3.5  小結(jié)與上機(jī)練習(xí) 89
第4章  開發(fā)用戶登錄和注冊模塊 96
4.1  實(shí)現(xiàn)服務(wù)端的登錄和注冊模塊 96
4.1.1  用戶數(shù)據(jù)表的定義 97
4.1.2  封裝數(shù)據(jù)庫工具類與實(shí)現(xiàn)登錄和注冊接口 98
4.2  實(shí)現(xiàn)用戶端的登錄和注冊功能 107
4.2.1  搭建用戶端工程 108
4.2.2  開發(fā)用戶端登錄和注冊頁面 110
4.2.3  開發(fā)用戶端賬戶數(shù)據(jù)邏輯 113
4.2.4  開發(fā)用戶端登錄和注冊接口邏輯 115
4.3  實(shí)現(xiàn)后臺管理端的登錄和注冊功能 119
4.4  小結(jié)與上機(jī)練習(xí) 121
第5章  開發(fā)營銷推廣模塊 124
5.1  實(shí)現(xiàn)服務(wù)端的運(yùn)營推廣模塊 124
5.1.1  定義運(yùn)營位表結(jié)構(gòu)和接口文檔 125
5.1.2  實(shí)現(xiàn)運(yùn)營位圖片上傳接口 131
5.1.3  實(shí)現(xiàn)用戶鑒權(quán)中間件 133
5.1.4  實(shí)現(xiàn)運(yùn)營位業(yè)務(wù)接口 136
5.2  實(shí)現(xiàn)后臺管理端的運(yùn)營位管理模塊 138
5.2.1  搭建后臺管理系統(tǒng)首頁 138
5.2.2  實(shí)現(xiàn)創(chuàng)建運(yùn)營位組件 141
5.2.3  實(shí)現(xiàn)運(yùn)營位管理模塊 146
5.3  實(shí)現(xiàn)用戶端的運(yùn)營位模塊 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)后臺管理端的商品管理模塊 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)用戶端首頁商品推薦模塊 184
6.3.2  實(shí)現(xiàn)用戶端的商品詳情頁 189
6.4  小結(jié)與上機(jī)練習(xí) 193
第7章  開發(fā)購物車與訂單模塊 194
7.1  實(shí)現(xiàn)服務(wù)端的購物車與訂單模塊 194
7.1.1  購物車表的定義與功能接口的實(shí)現(xiàn) 195
7.1.2  訂單表的定義與接口分析 200
7.1.3  實(shí)現(xiàn)訂單模塊后端接口 202
7.2  實(shí)現(xiàn)用戶端的購物車與訂單模塊 207
7.2.1  實(shí)現(xiàn)購物車功能 207
7.2.2  實(shí)現(xiàn)訂單模塊 212
7.3  實(shí)現(xiàn)后臺管理端的訂單管理模塊 217
7.4  小結(jié)與上機(jī)練習(xí) 218
第8章  開發(fā)搜索與評價(jià)模塊 222
8.1  實(shí)現(xiàn)服務(wù)端的搜索與評價(jià)模塊 222
8.1.1  實(shí)現(xiàn)商品搜索接口 223
8.1.2  評價(jià)數(shù)據(jù)結(jié)構(gòu)與接口定義 224
8.1.3  實(shí)現(xiàn)評價(jià)相關(guān)接口 226
8.2  實(shí)現(xiàn)用戶端的搜索與評價(jià)模塊 229
8.2.1  實(shí)現(xiàn)搜索功能 230
8.2.2  實(shí)現(xiàn)創(chuàng)建商品評價(jià)功能 233
8.2.3  實(shí)現(xiàn)商品評價(jià)展示功能 237
8.3  實(shí)現(xiàn)后臺管理端的評價(jià)模塊 239
8.4  小結(jié)與上機(jī)練習(xí) 242
第9章  數(shù)據(jù)統(tǒng)計(jì)模塊與項(xiàng)目總結(jié) 243
9.1  實(shí)現(xiàn)電商后臺數(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  后臺管理端的數(shù)據(jù)圖表繪制 250
9.2  項(xiàng)目總結(jié) 254
9.3  小結(jié)與上機(jī)練習(xí) 256