音像Node.js+Express+Vue.js项目开发实战张旭

前言

章 安装和使用Express 1

1.1 安装Express 1

1.2 使用Express创建项目 1

1.2.1 创建项目 1

1.2.2 Express项目结构分析 3

1.. 应用主文件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中的自定义参数

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+MySL） 33

2.1 需求分析 33

2.2 系统设计 34

2.2.1 实现目标和解决方案 34

2.2.2 系统流程图 35

2.. 开发环境 35

. 前端页面分析 36

2.4 创建MySL数据库表 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+MySL） 50

3.1 需求分析 50

3.2 系统设计 52

3.2.1 实现目标 53

3.2.2 解决方案 53

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 创建MySL数据库表 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+MySL） 114

4.1 前台展示系统需求分析 114

4.2 前台展示系统设计 117

4.2.1 实现目标 117

4.2.2 解决方案 117

4.. 系统流程图 118

4.2.4 开发环境 1

4.3 前台展示系统的前端页面分析 1

4.3.1 头部模块 1

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 前台展示系统创建MySL数据库表 129

4.4.1 创建数据库blg 29

4.4.2 创建数据表cate 130

4.4.3 创建数据表article 131

4.4.4 创建数据表inf 32

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 后台管理系统创建MySL数据库表 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.1. 单条分类信息接口 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 查看博客信息接口 0

4.12.13 修改博客信息接口 2

4.12.14 管理员列表接口 4

4.12.15 单条管理员信息接口

4.12.16 添加管理员接口 240

4.12.17 修改管理员接口 242

4.12.18 删除管理员接口 245

第5章 装修小程序管理系统（Node.js+Express+Vue.js+MySL） 249

5.1 前台展示系统需求分析 249

5.2 前台展示系统设计 251

5.2.1 实现目标 251

5.2.2 解决方案 251

5.. 系统流程图 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 前台展示系统创建MySL数据库表 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 后台管理系统创建MySL数据库表 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.1. 单条活动信息接口 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. 修改预约状态接口 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.1.0 删除管理员接口 442

5.1.1 上传图片接口 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