Vue.js 3.x全栈开发：打造顶级商城项目的实战教程

《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打造商城项目》，获出版社和作者授权发布。