第1章  項目概覽與環境準備 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環境 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網絡請求模塊的應用 25
2.1.1  嘗試發起一個HTTP請求 25
2.1.2  axios網絡模塊的更多用法 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  典型的數據展示類組件 37
2.2.5  常用的導航組件 40
2.2.6  常用的用戶反饋類組件 43
2.3  Vue Router路由模塊的應用 46
2.3.1  Vue Router模塊的使用 46
2.3.2  動態路由與參數匹配 48
2.3.3  路由的嵌套和命名 51
2.3.4  路由中的導航守衛 54
2.4  Pinia狀態管理模塊的應用 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數據庫 76
3.2.1  MySQL數據庫的安裝和簡單使用 76
3.2.2  在Express中調用MySQL的相關功能 79
3.3  使用JSON Web Token實現身份授權和驗證 82
3.3.1  JSON Web Token簡介 82
3.3.2  在Express中使用JWT 83
3.4  使用bcrypt加密模塊實現商城安全 86
3.5  小結與上機練習 89
第4章  開發用戶登錄和注冊模塊 96
4.1  實現服務端的登錄和注冊模塊 96
4.1.1  用戶數據表的定義 97
4.1.2  封裝數據庫工具類與實現登錄和注冊接口 98
4.2  實現用戶端的登錄和注冊功能 107
4.2.1  搭建用戶端工程 108
4.2.2  開發用戶端登錄和注冊頁面 110
4.2.3  開發用戶端賬戶數據邏輯 113
4.2.4  開發用戶端登錄和注冊接口邏輯 115
4.3  實現後臺管理端的登錄和注冊功能 119
4.4  小結與上機練習 121
第5章  開發營銷推廣模塊 124
5.1  實現服務端的運營推廣模塊 124
5.1.1  定義運營位表結構和接口文檔 125
5.1.2  實現運營位圖片上傳接口 131
5.1.3  實現用戶鋻權中間件 133
5.1.4  實現運營位業務接口 136
5.2  實現後臺管理端的運營位管理模塊 138
5.2.1  搭建後臺管理繫統首頁 138
5.2.2  實現創建運營位組件 141
5.2.3  實現運營位管理模塊 146
5.3  實現用戶端的運營位模塊 149
5.4  小結與上機練習 152
第6章  開發商品列表與詳情模塊 154
6.1  開發服務端的商品相關模塊 154
6.1.1  商品類別表的定義與接口實現 155
6.1.2  商品表與相關接口的實現 158
6.2  實現後臺管理端的商品管理模塊 167
6.2.1  實現類別管理功能 167
6.2.2  實現商品編輯模塊 172
6.2.3  實現商品管理模塊 180
6.3  實現用戶端的商品模塊 183
6.3.1  實現用戶端首頁商品推薦模塊 184
6.3.2  實現用戶端的商品詳情頁 189
6.4  小結與上機練習 193
第7章  開發購物車與訂單模塊 194
7.1  實現服務端的購物車與訂單模塊 194
7.1.1  購物車表的定義與功能接口的實現 195
7.1.2  訂單表的定義與接口分析 200
7.1.3  實現訂單模塊後端接口 202
7.2  實現用戶端的購物車與訂單模塊 207
7.2.1  實現購物車功能 207
7.2.2  實現訂單模塊 212
7.3  實現後臺管理端的訂單管理模塊 217
7.4  小結與上機練習 218
第8章  開發搜索與評價模塊 222
8.1  實現服務端的搜索與評價模塊 222
8.1.1  實現商品搜索接口 223
8.1.2  評價數據結構與接口定義 224
8.1.3  實現評價相關接口 226
8.2  實現用戶端的搜索與評價模塊 229
8.2.1  實現搜索功能 230
8.2.2  實現創建商品評價功能 233
8.2.3  實現商品評價展示功能 237
8.3  實現後臺管理端的評價模塊 239
8.4  小結與上機練習 242
第9章  數據統計模塊與項目總結 243
9.1  實現電商後臺數據統計模塊 243
9.1.1  數據統計功能的後端接口定義 244
9.1.2  數據統計功能的後端服務接口實現 245
9.1.3  後臺管理端的數據圖表繪制 250
9.2  項目總結 254
9.3  小結與上機練習 256

隨著互聯網的蓬勃發展，越來越多的企業選擇將傳統的實體店轉移至線上電商平臺，以滿足消費者日益增長的線上購物需求，電商已成為商業領域中不可或缺的一部分。要開發一個完整的電商項目，不僅需要前端界面友好、交互流暢的用戶端，還需要高效穩定的服務端和便捷實用的後臺管理端。本書將帶領讀者通過Vue.js Express全棧技術，實現一個功能完備的電商項目，從而讓讀者掌握全棧開發的核心技能，為未來的職業發展打下堅實的基礎。
本書內容
本書共分為9章，從開發環境搭建開始講起，深入淺出地介紹Vue.js和Express框架的功能及常用擴展和插件，並且以模塊為維度，逐章對電商項目進行編程實現。每一章都有要完成的目標，並提供動手練習題，讓讀者邊學邊練，力求使讀者快速且扎實地掌握Vue.js Express完整項目開發的方方面面，並能真正地使用這些技術開發出商業級別的應用程序。
第1章是本書的入門，主要介紹電商項目的組成與基本功能模塊、開發環境準備、Vue.js和Express框架的必要知識以及項目工程的創建等。
第2章主要介紹Vue.js開發生態圈中的核心模塊，主要涉及網絡模塊、UI組件模塊、路由模塊和狀態管理模塊等。這些模塊雖然是獨立於Vue.js框架之外的，但卻是大型項目所的，掌握這些模塊的使用是開發Vue.js前端項目的基礎。
第3章主要介紹Express框架下的常用組件，如處理數據加密和安全的中間件、與MySQL數據庫交互的插件等。
第4章開始進入具體的項目開發部分，本章將實現電商項目的用戶登錄和注冊模塊。登錄和注冊模塊包括客戶端和後臺管理端的相關頁面、服務端的接口定義和實現、數據表的定義等功能。此外，本章還將介紹如何進行用戶鋻權以及提高用戶的數據安全性。
第5章主要介紹電商項目中的營銷推廣模塊的設計與開發方法，將實現後臺管理端運營位的配置以及客戶端運營位的展示等邏輯，其中會涉及圖片的上傳和存儲功能。
第6章將實現電商項目中核心的商品列表和商品詳情模塊。對於商品列表模塊，除了實現數據表之外，還會實現數據庫聯表查詢的復雜操作。對於商品詳情模塊，需要使用富文本編輯器來實現，在本章中也將介紹一個富文本編輯器的用法。
第7章將實現購物車和訂單模塊。購物車可以暫存用戶中意的商品，訂單模塊則負責最終的下單以及後續的狀態維護。訂單模塊的核心在於狀態的流轉，這部分也將是本章的學習重點。
第8章將實現搜索與評價模塊。通過前面各章的學習，讀者已經可以開發出一個包含全部核心功能的電商項目，但仍有一些對用戶來說非常重要的功能有待開發。本章開發的搜索模塊會提供給用戶一個快速查找商品的功能，評價模塊則允許用戶對已完成訂單中的商品進行反饋。

第9章為項目補充數據統計的能力。數據統計對電商的運營者來說非常重要，通過數據統計，運營者可以對商品的管理、運營位的管理進行決策。
通過本書的學習，讀者將能夠從0到1地開發出一款完整的電商項目，並且對電商項目的流程和各個技術細節有更深入的了解。雖然一個復雜的商業項目通常是由多個團隊合作完成的，其中每個人可能隻需要完成項目的部分功能，但是，一位優秀的工程師應該對項目的架構、技術的選型以及功能流轉邏輯有著全面的把握。
本書配套資源
為方便讀者學習，本書提供了豐富的配套資源，包括如下內容：
教學視頻：本書的教學視頻有70多個，播放時長達30小時，詳細地講解了電商項目開發的相關知識和各個模塊的具體實現方法，讀者掃描書中的二維碼即可觀看。
項目源碼：提供了整個項目的源碼，方便讀者上機練習，讀者可以掃描下面的二維碼下載。

PPT課件：提供電商項目實現的PPT課件，讀者可以掃描下面的二維碼下載。

源碼導讀手冊：提供本書所有源碼的導讀，讀者可以掃描下面的二維碼下載。源碼導讀手冊對本書項目的所有代碼進行了詳細說明，有助於讀者深入理解源碼的含義和設計思想。

本書適合的讀者
本書適合缺少項目經驗的學生、初學者以及對全棧開發感興趣的軟件開發人員使用。對於想要進一步了解電商行業運作和技術實現的產品經理、項目經理等職業人士，本書也可以作為參考和學習資源。
感謝所有支持本書出版的家人和朋友；感謝清華大學出版社的王金柱、秦山玉編輯，他們為本書的順利出版做了大量工作。衷心希望本書能為讀者帶來預期的收獲，幫助讀者更上一層樓。由於工作繁忙以及水平有限，書中可能存在疏漏，敬請各位讀者批評指正。

張益琿
2024年04月19日，於上海