目    录

第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