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

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