《Vue.js 3.x+Express全棧開發:從0到1打造商城項目》
1
本書內容
《Vue.js 3.x+Express全棧開發 : 從0到1打造商城項目》是一本詳盡的全棧開發教程,旨在通過Vue.js和Express框架引導讀者從零開始構建一個完整的電商項目。內容覆蓋電商項目的基本結構,以及Vue.js和Express的核心概念與架構;深入講解Vue.js開發生態中的關鍵模塊,包括網絡請求、UI組件、路由管理和狀態管理等;探討Express框架的常用組件,如處理加密數據的中間件和與MySQL數據庫交互的插件;最后指導讀者打造一個完整的電商項目。在用戶端,實現注冊登錄、商品瀏覽、購物車等功能;在服務端,完成用戶驗證、商品維護、訂單處理等任務;在后臺管理端,進行商品信息、訂單數據等的管理與統計分析。通過閱讀《Vue.js 3.x+Express全棧開發 : 從0到1打造商城項目》,讀者能夠掌握Vue.js和Express全棧開發技術,并獨立完成電商項目的搭建與開發。《Vue.js 3.x+Express全棧開發 : 從0到1打造商城項目》還提供了完整的項目源碼、代碼導讀手冊以及長達30小時的教學視頻,可大幅提升學習效率。
2
本書作者
張益琿,美國亞利桑那州立大學計算機工程技術碩士,架構師,從業近10年,多年大前端開發經驗,曾就職于知名上市公司,主導開發過多款商業級應用程序,對移動跨平臺開發、前端開發,以及Vue.js 、React、Flutter、小程序與iOS開發都擁有豐富經驗。開源中國特邀技術專家,發表相關技術博文400余篇,訪問量超過100萬次。出版技術圖書《循序漸進Vue.js 3.x前端開發實戰》《微信小程序與云開發從入門到實踐》《Swift 5從零到精通iOS開發訓練營》等多部。
3
本書讀者
《Vue.js 3.x+Express全棧開發 : 從0到1打造商城項目》采用實際商業項目作為教學案例,融入了多種前端框架和新技術,非常適合缺乏項目經驗的學生和對全棧開發感興趣的開發者閱讀,也適合作為培訓機構和大中專院校相關專業的實踐課教學用書。
4
本書目錄
向上滑動閱覽
目 ???錄
第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
5
編輯推薦
《Vue.js 3.x+Express全棧開發:從0到1打造商城項目》是一本實戰型教程,專注于使用最新的Vue.js 3.x和Express框架來構建一個完整的電子商務平臺。以下是您可能需要這本書的原因:
1全面而深入:《Vue.js 3.x+Express全棧開發:從0到1打造商城項目》首先介紹了Vue和Express的基本概念與框架結構,如Vue的組件化開發、數據綁定以及Express的路由處理和中間件使用等,為您打下堅實的基礎。
2生態資源介紹:書中詳細講述了Vue和Express生態系統中的核心插件,讓您對UI搭建、網絡請求、路由管理、數據存儲與安全等方面有全面的了解。
實戰項目經驗:通過引導您搭建一個完整的電商項目,包括前端用戶功能和后端API服務,幫助您獲得寶貴的實戰經驗。
3功能完整:從用戶注冊登錄到商品展示、購物車以及后臺的商品和訂單管理,這本書將指導您一步步實現一個功能完備的電商平臺。
4學習資源豐富:《Vue.js 3.x+Express全棧開發:從0到1打造商城項目》提供了完整的項目源代碼、導讀手冊和配套視頻教程,極大地便利了您的學習和實踐,并加速理解過程。
5適用讀者廣泛:無論是正在尋求項目經驗的開發人員,還是希望通過實踐學習的在校學生,抑或是用作高校和培訓機構的實踐課教材,《Vue.js 3.x+Express全棧開發:從0到1打造商城項目》都是一個極佳的選擇。
6這本書將幫助您掌握使用Vue和Express進行全棧開發的能力,更重要的是,在您完成閱讀和實踐后,能夠獨立負責電商項目的搭建和開發。
把握機遇,深化知識,提升技能。相信《Vue.js 3.x+Express全棧開發:從0到1打造商城項目》將是您技術成長道路上的一塊墊腳石。
本文摘自《Vue.js 3.x+Express全棧開發:從0到1打造商城項目》,獲出版社和作者授權發布。
Vue.js 3.x+Express全棧開發:從0到1打造商城項目——jd