Node.js+Express+Vue.js项目开发实战

本书以项目开发为导向，介绍了基于Node.js的相关知识。书中首先介绍了Node.js中很流行的Express框架的安装与使用，然后详细介绍了许愿墙、博客管理系统和装修小程序管理系统3个实际项目的完整开发过程，最后介绍了Node.js的部署方法与工具。本书共6章。第1章介绍了Express的基础知识，包括Express的安装和使用、路由方法、请求对象Request的常用方法和属性、返回对象Response的常用方法和属性。第2～5章分别介绍了3个完整的商业项目案例的开发过程，展现了项目从需求分析到架构设计，再到代码编写的一整套完整流程。其中，第2章介绍了许愿墙项目的前台展示系统的开发；第3章介绍了许愿墙项目的后台管理系统的开发；第4章介绍了博客管理系统项目的前台展示系统和后台管理系统的开发；第5章介绍了装修小程序管理系统项目的前台展示系统和后台管理系统的开发。第6章介绍了Node.js的服务器部署方法和常用工具PM2的使用方法。 本书内容通俗易懂，讲解图文并茂，非常适合有一定Node.js基础但缺乏实际项目开发经验的初学者、进阶者和爱好者阅读。另外，对于相关院校的学生和培训机构的学员而言，本书也是一本的实战指导书。

前言
第1章 安装和使用Express 1
1.1 安装Express 1
1.2 使用Express创建项目 1
1.2.1 创建项目 1
1.2.2 Express项目结构分析 3
1.2.3 应用主文件app.js 4
1.3 Express路由 5
1.3.1 GET请求路由 5
1.3.2 自定义路由 6
1.3.3 其他请求方式的路由 7
1.3.4 路由匹配规则 7
1.3.5 中间件 8
1.4 Express页面 9
1.4.1 更换模板引擎 10
1.4.2 渲染数据到页面上 11
1.4.3 条件渲染 12
1.4.4 循环渲染 16
1.5 请求对象Request 19
1.5.1 Request.url属性：获取请求地址 19
1.5.2 Request.query属性：获取GET请求参数 20
1.5.3 Request.body属性：获取POST请求参数 20
1.5.4 Request.params属性：获取URL中的自定义参数 23
1.5.5 Request.headers属性：获取请求头数据 24
1.5.6 Request.cookies属性：获取客户端cookie 26
1.6 返回对象Response 27
1.6.1 Response.render()方法：渲染页面 27
1.6.2 Response.send()方法：发送HTTP响应 27
1.6.3 Response.json()方法：返回JSON格式的数据 28
1.6.4 Response.status()方法：设定HTTP状态码 29
1.6.5 Response.redirect()方法：跳转指定路由 31
第2章 许愿墙（Node.js+Express+art-template+MySQL） 33
2.1 需求分析 33
2.2 系统设计 34
2.2.1 实现目标和解决方案 34
2.2.2 系统流程图 35
2.2.3 开发环境 35
2.3 前端页面分析 36
2.4 创建MySQL数据库表 36
2.4.1 创建数据库wish 37
2.4.2 创建数据表wish 38
2.4.3 添加模拟数据 39
2.5 创建项目 39
2.5.1 生成项目文件 39
2.5.2 安装依赖包 40
2.5.3 更改默认端口 41
2.5.4 更换模板引擎 41
2.5.5 新增route（路由） 41
2.5.6 新增controller（处理方法） 42
2.5.7 新增constant（常量） 42
2.5.8 新增配置文件 43
2.5.9 新增数据库配置文件 44
2.5.10 新增model文件（数据库映射文件） 44
2.6 渲染许愿列表 45
2.7 添加许愿处理 47
第3章 许愿墙后台管理系统（Node.js+Express+Vue.js+MySQL） 50
3.1 需求分析 50
3.2 系统设计 52
3.2.1 实现目标 53
3.2.2 解决方案 53
3.2.3 系统流程图 56
3.2.4 开发环境 62
3.3 前端页面分析 63
3.3.1 登录模块 63
3.3.2 首页模块 63
3.3.3 许愿管理模块 63
3.3.4 管理员管理模块 65
3.4 创建MySQL数据库表 67
3.4.1 创建数据表admin 67
3.4.2 添加模拟数据 68
3.5 创建项目 68
3.5.1 生成项目文件 68
3.5.2 安装依赖包 69
3.5.3 更改默认端口 70
3.5.4 新增route（路由） 70
3.5.5 新增controller（处理方法） 72
3.5.6 新增middleware（中间件） 75
3.5.7 新增constant（常量） 76
3.5.8 新增配置文件 77
3.5.9 新增数据库配置文件 78
3.5.10 新增model文件（数据库映射） 78
3.6 API接口开发 79
3.6.1 登录接口 79
3.6.2 许愿列表接口 83
3.6.3 单条许愿信息接口 87
3.6.4 添加许愿接口 89
3.6.5 修改许愿接口 91
3.6.6 删除许愿接口 94
3.6.7 管理员列表接口 98
3.6.8 单条管理员信息接口 101
3.6.9 添加管理员接口 103
3.6.10 修改管理员接口 106
3.6.11 删除管理员接口 109
第4章 博客管理系统（Node.js+Express+art-template+Vue.js+MySQL） 114
4.1 前台展示系统需求分析 114
4.2 前台展示系统设计 117
4.2.1 实现目标 117
4.2.2 解决方案 117
4.2.3 系统流程图 118
4.2.4 开发环境 123
4.3 前台展示系统的前端页面分析 123
4.3.1 头部模块 123
4.3.2 侧边栏模块 124
4.3.3 底部模块 124
4.3.4 首页模块 125
4.3.5 分类模块 126
4.3.6 文章模块 127
4.3.7 “关于我们”模块 128
4.4 前台展示系统创建MySQL数据库表 129
4.4.1 创建数据库blog 129
4.4.2 创建数据表cate 130
4.4.3 创建数据表article 131
4.4.4 创建数据表info 132
4.4.5 添加模拟数据 133
4.5 前台展示系统创建项目 134
4.5.1 生成项目文件 134
4.5.2 安装依赖包 134
4.5.3 更改默认端口 135
4.5.4 更换模板引擎 135
4.5.5 新增route（路由） 136
4.5.6 新增controller（处理方法） 136
4.5.7 新增constant（常量） 140
4.5.8 新增配置文件 141
4.5.9 新增数据库配置文件 141
4.5.10 新增model文件（数据库映射） 142
4.6 前台展示系统的渲染页面 143
4.6.1 公共方法 144
4.6.2 首页 148
4.6.3 分类页 151
4.6.4 文章页 153
4.6.5 关于我们页 155
4.7 后台管理系统需求分析 156
4.8 后台管理系统设计 160
4.8.1 实现目标 161
4.8.2 解决方案 161
4.8.3 系统流程图 166
4.8.4 开发环境 177
4.9 后台管理系统的前端页面分析 177
4.9.1 登录模块 177
4.9.2 首页模块 177
4.9.3 分类管理模块 177
4.9.4 文章管理模块 179
4.9.5 博客信息管理模块 181
4.9.6 管理员管理模块 182
4.10 后台管理系统创建MySQL数据库表 183
4.10.1 创建数据表admin 183
4.10.2 添加模拟数据 184
4.11 后台管理系统创建项目 185
4.11.1 生成项目文件 185
4.11.2 安装依赖包 186
4.11.3 更改默认端口 186
4.11.4 新增route（路由） 186
4.11.5 新增controller（处理方法） 189
4.11.6 新增middleware（中间件） 193
4.11.7 新增constant（常量） 194
4.11.8 新增配置文件 195
4.11.9 新增数据库配置文件 196
4.11.10 新增model文件（数据库映射） 196
4.12 API接口开发 198
4.12.1 登录接口 198
4.12.2 分类列表接口 201
4.12.3 单条分类信息接口 206
4.12.4 添加分类接口 208
4.12.5 修改分类接口 210
4.12.6 删除分类接口 212
4.12.7 文章列表接口 215
4.12.8 单条文章信息接口 219
4.12.9 添加文章接口 221
4.12.10 修改文章接口 224
4.12.11 删除文章接口 227
4.12.12 查看博客信息接口 230
4.12.13 修改博客信息接口 232
4.12.14 管理员列表接口 234
4.12.15 单条管理员信息接口 238
4.12.16 添加管理员接口 240
4.12.17 修改管理员接口 242
4.12.18 删除管理员接口 245
第5章 装修小程序管理系统（Node.js+Express+Vue.js+MySQL） 249
5.1 前台展示系统需求分析 249
5.2 前台展示系统设计 251
5.2.1 实现目标 251
5.2.2 解决方案 251
5.2.3 系统流程图 253
5.2.4 开发环境 256
5.3 小程序前端页面分析 257
5.3.1 活动模块 257
5.3.2 分类模块 257
5.3.3 文章模块 257
5.3.4 案例模块 258
5.3.5 预约模块 259
5.3.6 企业信息模块 259
5.4 前台展示系统创建MySQL数据库表 259
5.4.1 创建数据库decorate 259
5.4.2 创建数据表event 261
5.4.3 创建数据表cate 262
5.4.4 创建数据表article 263
5.4.5 创建数据表case 264
5.4.6 创建数据表order 265
5.4.7 创建数据表company 266
5.4.8 添加模拟数据 267
5.5 前台展示系统创建项目 268
5.5.1 生成项目文件 268
5.5.2 安装依赖包 269
5.5.3 更改默认端口 269
5.5.4 新增route（路由） 269
5.5.5 新增controller（处理方法） 270
5.5.6 新增constant（常量） 272
5.5.7 新增配置文件 273
5.5.8 新增数据库配置文件 274
5.5.9 新增model文件（数据库映射） 274
5.6 前台展示系统的API接口开发 277
5.6.1 活动列表接口 278
5.6.2 分类列表接口 280
5.6.3 文章列表接口 281
5.6.4 文章详情接口 284
5.6.5 案例列表接口 285
5.6.6 案例详情接口 288
5.6.7 企业信息接口 290
5.6.8 预约接口 291
5.7 后台管理系统需求分析 293
5.8 后台管理系统设计 299
5.8.1 实现目标 299
5.8.2 解决方案 300
5.8.3 系统流程图 306
5.8.4 开发环境 329
5.9 后台管理系统的前端页面分析 329
5.9.1 登录模块 330
5.9.2 首页模块 330
5.9.3 预约管理模块 330
5.9.4 活动管理模块 331
5.9.5 分类管理模块 332
5.9.6 文章管理模块 334
5.9.7 案例管理模块 336
5.9.8 企业信息管理模块 338
5.9.9 管理员管理模块 338
5.10 后台管理系统创建MySQL数据库表 340
5.10.1 创建数据表admin 340
5.10.2 添加模拟数据 341
5.11 后台管理系统创建项目 342
5.11.1 生成项目文件 342
5.11.2 安装依赖包 342
5.11.3 更改默认端口 343
5.11.4 新增route（路由） 343
5.11.5 新增controller（处理方法） 349
5.11.6 新增middleware（中间件） 352
5.11.7 新增constant（常量） 354
5.11.8 新增配置文件 355
5.11.9 新增数据库配置文件 356
5.11.10 新增model文件（数据库映射） 356
5.12 后台管理系统的API接口开发 359
5.12.1 登录接口 360
5.12.2 活动列表接口 363
5.12.3 单条活动信息接口 367
5.12.4 添加活动接口 369
5.12.5 修改活动接口 371
5.12.6 删除活动接口 374
5.12.7 分类列表接口 378
5.12.8 单条分类信息接口 382
5.12.9 添加分类接口 384
5.12.10 修改分类接口 386
5.12.11 删除分类接口 388
5.12.12 文章列表接口 391
5.12.13 单条文章信息接口 395
5.12.14 添加文章接口 397
5.12.15 修改文章接口 400
5.12.16 删除文章接口 403
5.12.17 案例列表接口 407
5.12.18 单条案例信息接口 411
5.12.19 添加案例接口 412
5.12.20 修改案例接口 415
5.12.21 删除案例接口 417
5.12.22 预约列表接口 421
5.12.23 修改预约状态接口 424
5.12.24 查看企业信息接口 427
5.12.25 修改企业信息接口 429
5.12.26 管理员列表接口 431
5.12.27 单条管理员信息接口 435
5.12.28 添加管理员接口 437
5.12.29 修改管理员接口 439
5.12.30 删除管理员接口 442
5.12.31 上传图片接口 446
第6章 Node.js部署 448
6.1 安装Node.js 448
6.1.1 下载Node.js安装包 448
6.1.2 上传安装包并解压 449
6.1.3 建立软链接，生成全局命令 449
6.2 提取项目代码 449
6.2.1 安装Git 449
6.2.2 使用Git提取项目代码 450
6.3 启动项目 450
6.4 进程管理工具PM2 450
6.4.1 安装PM2 451
6.4.2 PM2的常用命令 451
6.4.3 PM2的启动配置文件 457