Vue.js 3.x+Express全栈开发 从0到1打造商城项目

本书是一本详尽的全栈开发教程，旨在通过Vue.js和Express框架引导读者从零开始构建一个完整的电商项目，内容覆盖电商项目的基本结构，以及Vue.js和Express的核心概念与架构；深入讲解Vue.js开发生态中的关键模块，包括网络请求、UI组件、路由管理和状态管理等：探讨Express框架的常用组件，如处理加密数据的中间件和与MySQL数据库交互的插件：最后指导读者打造一个完整的电商项目。在用户端，实现注册登录、商品浏览、购物车等功能：在服务端，完成用户验证、商品维护、订单处理等任务：在后台管理端，进行商品信息、订单数据等的管理与统计分析。通过阅读本书，读者能够掌握Vue.js和Express全栈开发技术，并独立完成电商项目的搭建与开发。本书还提供了完整的项目源码、代码导读手册以及长达30小时的教学视频，可大幅提升学习效率。
本书采用实际商业项目作为教学案例，融入了多种前端框架和新技术，非常适合缺乏项目经验的学生和对全栈开发感兴趣的开发者阅读，也适合作为培训机构和大中专院校相关专业的实践课教学用书。

第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