Node.js+Express+MongoDB+Vue.js全栈开发实战

第1章  Vue.js Node.js全栈开发概述 1
1.1  Vue.js Node.js全栈开发核心技术栈的组成 1
1.1.1  MongoDB 1
1.1.2  Express 2
1.1.3  Vue.js 2
1.1.4  Node.js 2
1.2  Vue.js Node.js全栈开发周边技术栈的组成 2
1.2.1  Naive UI 2
1.2.2  md-editor-v3 3
1.2.3  Nginx 3
1.2.4  basic-auth 3
1.3  Vue.js Node.js全栈开发的优势 3
1.4  开发工具的选择 6
1.5  小结 6
1.6  练习题 6
第2章  Node.js基础 7
2.1  初识Node.js 7
2.1.1  Node.js简介 7
2.1.2  为什么叫Node.js 8
2.2  Node.js的特点 8
2.2.1  异步I/O 8
2.2.2  事件驱动 9
2.2.3  单线程 10
2.2.4  可用性和扩展性 10
2.2.5  跨平台 11
2.3  安装Node.js 11
2.3.1  安装Node.js和npm 11
2.3.2  Node.js与npm的关系 12
2.3.3  安装npm镜像 12
2.4  第一个Node.js应用 12
2.4.1  实例1：创建Node.js应用 12
2.4.2  实例2：运行Node.js应用 12
2.5  小结 13
2.6  练习题 13
第3章  Node.js模块——大型项目管理之道 14
3.1  理解模块化机制 14
3.1.1  理解CommonJS规范 14
3.1.2  理解ES6模块 16
3.1.3  CommonJS和ES6模块的异同点 17
3.1.4  Node.js的模块实现 18
3.2  使用npm管理模块 19
3.2.1  使用npm命令安装模块 19
3.2.2  全局安装与本地安装 20
3.2.3  查看安装信息 20
3.2.4  卸载模块 21
3.2.5  更新模块 21
3.2.6  搜索模块 21
3.2.7  创建模块 21
3.3  Node.js核心模块 21
3.4  小结 22
3.5  练习题 22
第4章  Node.js测试 23
4.1  严格模式和遗留模式 23
4.2  实例3：断言的使用 24
4.3  了解AssertionError 25
4.4  实例4：使用deepStrictEqual 26
4.5  小结 28
4.6  练习题 28
第5章  Node.js缓冲区—高性能IO处理的秘诀 29
5.1  了解Buffer 29
5.1.1  了解TypedArray 29
5.1.2  Buffer类 30
5.2  创建缓冲区 31
5.2.1  初始化缓冲区的API 31
5.2.2  实例5：理解数据的安全性 32
5.2.3  启用零填充 33
5.2.4  实例6：指定字符编码 33
5.3  实例7：切分缓冲区 34
5.4  实例8：连接缓冲区 35
5.5  实例9：比较缓冲区 36
5.6  缓冲区编解码 36
5.6.1  编码器和解码器 36
5.6.2  实例10：缓冲区解码 37
5.6.3  实例11：缓冲区编码 38
5.7  小结 39
5.8  练习题 39
第6章  Node.js事件处理 40
6.1  理解事件和回调 40
6.1.1  事件循环 41
6.1.2  事件驱动 41
6.2  事件发射器 42
6.2.1  实例12：将参数和this传给监听器 42
6.2.2  实例13：异步与同步 43
6.2.3  实例14：仅处理事件一次 43
6.3  事件类型 44
6.3.1  事件类型的定义 44
6.3.2  内置的事件类型 44
6.3.3  实例15：error事件 44
6.4  事件的操作 47
6.4.1  实例16：设置最大监听器 47
6.4.2  实例17：获取已注册的事件的名称 47
6.4.3  实例18：获取监听器数组的副本 48
6.4.4  实例19：将事件监听器添加到监听器数组的开头 48
6.4.5  实例20：移除监听器 49
6.5  小结 50
6.6  练习题 50
第7章  Node.js文件处理 51
7.1  了解fs模块 51
7.1.1  同步与异步操作文件 51
7.1.2  文件描述符 53
7.2  处理文件路径 53
7.2.1  字符串形式的路径 54
7.2.2  Buffer形式的路径 54
7.2.3  URL对象的路径 55
7.3  打开文件 56
7.3.1  文件系统标志 56
7.3.2  实例21：打开文件的例子 57
7.4  读取文件 58
7.4.1  实例22：用fs.read读取文件 58
7.4.2  实例23：用fs.readdir读取文件 59
7.4.3  实例24：用fs.readFile读取文件 60
7.5  写入文件 61
7.5.1  实例25：将Buffer写入文件 61
7.5.2  实例26：将字符串写入文件 62
7.5.3  实例27：将数据写入文件 64
7.6  小结 64
7.7  练习题 65
第8章  Node.js HTTP编程 66
8.1  创建HTTP服务器 66
8.1.1  实例28：用http.Server创建服务器 66
8.1.2  理解http.Server事件的用法 67
8.2  处理HTTP常用操作 69
8.3  请求对象和响应对象 69
8.3.1  理解http.ClientRequest类 69
8.3.2  理解http.ServerResponse类 73
8.4  REST概述 76
8.4.1  REST定义 76
8.4.2  REST设计原则 76
8.5  成熟度模型 77
8.5.1  第0级：使用HTTP作为传输方式 78
8.5.2  第1级：引入了资源的概念 79
8.5.3  第2级：根据语义使用HTTP动词 80
8.5.4  第3级：使用HATEOAS 81
8.6  实例29：构建REST服务的例子 83
8.6.1  新增用户 84
8.6.2  修改用户 85
8.6.3  删除用户 85
8.6.4  响应请求 86
8.6.5  运行应用 87
8.7  小结 90
8.8  练习题 90
第9章  Express基础 91
9.1  安装Express 91
9.1.1  初始化应用目录 91
9.1.2  初始化应用结构 92
9.1.3  在应用中安装Express 92
9.2  实例30：编写Hello World应用 93
9.3  实例31：运行Hello World应用 93
9.4  小结 94
9.5  练习题 94
第10章  Express路由——页面的导航员 95
10.1  路由方法 95
10.2  路由路径 96
10.2.1  实例32：基于字符串的路由路径 96
10.2.2  实例33：基于字符串模式的路由路径 97
10.2.3  实例34：基于正则表达式的路由路径 97
10.3  路由参数 98
10.4  路由处理器 98
10.4.1  实例35：单个回调函数 98
10.4.2  实例36：多个回调函数 98
10.4.3  实例37：一组回调函数 99
10.4.4  实例38：独立函数和函数数组的组合 99
10.5  响应方法 99
10.6  实例39：Express构建REST API 100
10.7  测试Express的REST API 102
10.7.1  测试创建用户API 102
10.7.2  测试删除用户API 102
10.7.3  测试修改用户API 103
10.7.4  测试查询用户API 104
10.8  小结 104
10.9  练习题 104
第11章  Express错误处理器 105
11.1  捕获错误 105
11.2  默认错误处理器 107
11.3  自定义错误处理器 107
11.4  小结 109
11.5  练习题 109
第12章  MongoDB基础 110
12.1  MongoDB简介 110
12.2  安装MongoDB 112
12.3  启动MongoDB服务 112
12.4  连接到MongoDB服务器 113
12.5  小结 114
12.6  练习题 114
第13章  MongoDB常用操作 115
13.1  显示已有的数据库 115
13.2  创建、使用数据库 115
13.3  插入文档 116
13.3.1  实例40：插入单个文档 116
13.3.2  实例41：插入多个文档 116
13.4  查询文档 117
13.4.1  实例42：嵌套文档查询 118
13.4.2  实例43：嵌套字段查询 118
13.4.3  实例44：使用查询运算符 118
13.4.4  实例45：多条件查询 119
13.5  修改文档 119
13.5.1  实例46：修改单个文档 119
13.5.2  实例47：修改多个文档 120
13.5.3  实例48：替换单个文档 120
13.6  删除文档 121
13.6.1  实例49：删除单个文档 121
13.6.2  实例50：删除多个文档 122
13.7  小结 122
13.8  练习题 122
第14章  使用Node.js操作MongoDB 123
14.1  安装mongodb模块 123
14.2  实现访问MongoDB 124
14.3  运行应用 125
14.4  小结 125
14.5  练习题 125
第15章  mongodb模块的综合应用 126
15.1  实例51：建立连接 126
15.2  实例52：插入文档 127
15.3  实例53：查找文档 128
15.4  修改文档 130
15.4.1  实例54：修改单个文档 130
15.4.2  实例55：修改多个文档 134
15.5  删除文档 137
15.5.1  实例56：删除单个文档 137
15.5.2  实例57：删除多个文档 141
15.6  小结 145
15.7  练习题 145
第16章  Vue.js基础 146
16.1  Vue.js产生的背景 146
16.2  Vue.js的下载安装 146
16.2.1  安装Vue CLI 147
16.2.2  安装Vue Devtools 147
16.3  Vue CLI的常用操作 147
16.3.1  获取帮助 147
16.3.2  创建应用 148
16.3.3  创建服务 149
16.3.4  启动应用 149
16.3.5  编译应用 150
16.4  实例58：创建第一个Vue.js应用 150
16.4.1  使用Vue CLI初始化应用 150
16.4.2  运行Vue应用 154
16.4.3  增加对TypeScript的支持 155
16.5  探索Vue.js应用结构 155
16.5.1  整体项目结构 155
16.5.2  项目根目录文件 156
16.5.3  node_modules目录 156
16.5.4  public目录 157
16.5.5  src目录 158
16.6  小结 161
16.7  练习题 161
第17章  Vue.js应用实例 162
17.1  创建应用实例 162
17.1.1  第一个应用实例 162
17.1.2  让应用实例执行方法 162
17.1.3  理解选项对象 163
17.1.4  理解根组件 163
17.1.5  理解MVVM模型 164
17.2  data的property与methods 164
17.2.1  理解data property 165
17.2.2  理解data methods 165
17.3  生命周期 166
17.3.1  什么是生命周期钩子 166
17.3.2  Vue.js的生命周期 167
17.3.3  实例59：生命周期钩子的例子 168
17.4  小结 171
17.5  练习题 171
第18章  Vue.js组件 172
18.1  组件的基本概念 172
18.1.1  实例60：一个Vue.js组件的示例 172
18.1.2  什么是组件 173
18.1.3  组件的复用 174
18.1.4  Vue组件与Web组件的异同点 175
18.2  组件交互方式 175
18.2.1  实例61：通过prop向子组件传递数据 175
18.2.2  实例62：监听子组件事件 176
18.2.3  实例63：兄弟组件之间的通信 179
18.2.4  实例64：通过插槽分发内容 181
18.3  让组件可以动态加载 183
18.3.1  实现组件动态加载的步骤 183
18.3.2  实例65：动态组件的示例 183
18.4  使用缓存组件keep-alive 188
18.4.1  实例66：keep-alive的例子 188
18.4.2  keep-alive配置详解 189
18.5  小结 190
18.6  练习题 190
第19章  Vue.js模板 191
19.1  模板概述 191
19.2  实例67：插值 192
19.2.1  文本 192
19.2.2  原生HTML代码 192
19.2.3  绑定HTML attribute 193
19.2.4  JavaScript表达式 193
19.3  实例68：在模板中使用指令 194
19.3.1  参数 195
19.3.2  理解指令中的动态参数 195
19.3.3  理解指令中的修饰符 196
19.4  实例69：在模板中使用指令的缩写 196
19.4.1  使用v-bind缩写 196
19.4.2  使用v-on缩写 197
19.5  使用模板的一些约定 197
19.5.1  对动态参数值的约定 197
19.5.2  对动态参数表达式的约定 198
19.5.3  对访问全局变量的约定 198
19.6  小结 198
19.7  练习题 198
第20章  Vue.js计算属性与监听器 199
20.1  通过实例理解“计算属性”的必要性 199
20.2  实例70：一个计算属性的例子 200
20.2.1  声明计算属性 200
20.2.2  模拟数据更改 201
20.3  计算属性缓存与方法的关系 202
20.4  为什么需要侦听器 202
20.4.1  理解侦听器 202
20.4.2  实例71：一个侦听器的例子 202
20.5  小结 204
20.6  练习题 204
第21章  Vue.js表达式 205
21.1  条件表达式 205
21.1.1  实例72：v-if的例子 205
21.1.2  实例73：v-else的例子 206
21.1.3  实例74：v-else-if的例子 206
21.1.4  实例75：v-show的例子 206
21.1.5  v-if与v-show的关系 207
21.2  for循环表达式 207
21.2.1  实例76：v-for遍历数组的例子 207
21.2.2  实例77：v-for遍历数组设置索引的例子 208
21.2.3  实例78：v-for遍历对象property的例子 210
21.2.4  实例79：数组过滤的例子 211
21.2.5  实例80：使用值的范围的例子 212
21.3  v-for的不同使用场景 213
21.3.1  实例81：在中使用v-for的例子 213
21.3.2  实例82：v-for与v-if一同使用的例子 214
21.3.3  实例83：在组件上使用v-for的例子 215
21.4  小结 216
21.5  练习题 216
第22章  Vue.js事件 217
22.1  什么是事件 217
22.1.1  实例84：监听事件的例子 217
22.1.2  理解事件处理方法 218
22.1.3  处理原始的DOM事件 219
22.1.4  为什么需要在HTML代码中监听事件 220
22.2  实例85：多事件处理器的例子 220
22.3  事件修饰符 221
22.3.1  什么是事件修饰符 221
22.3.2  理解按键修饰符 222
22.3.3  理解系统修饰键 223
22.4  小结 224
22.5  练习题 224
第23章  Vue.js表单 225
23.1  理解表单输入绑定 225
23.2  实例86：表单输入绑定的基础用法 225
23.2.1  文本 225
23.2.2  多行文本 226
23.2.3  复选框 227
23.2.4  单选框 228
23.2.5  选择框 229
23.3  实例87：值绑定 230
23.3.1  复选框 230
23.3.2  单选框 231
23.3.3  选择框 232
23.4  小结 233
23.5  练习题 233
第24章  Vue.js HTTP客户端 234
24.1  初识HttpClient 234
24.2  认识网络资源 235
24.3  实例88：获取API数据 235
24.3.1  引入vue-axios 235
24.3.2  获取API数据 235
24.3.3  运行应用 236
24.4  小结 236
24.5  练习题 236
第25章  实战：基于Vue.js和Node.js的互联网应用 237
25.1  应用概述 237
25.1.1  “新闻头条”的核心功能 238
25.1.2  初始化数据库 238
25.2  模型设计 238
25.2.1  用户模型设计 238
25.2.2  新闻模型设计 239
25.3  接口设计 239
25.4  权限管理 239
25.5  小结 240
25.6  练习题 240
第26章  实战：前端UI客户端应用 241
26.1  前端UI设计 241
26.1.1  首页UI设计 241
26.1.2  新闻详情页UI设计 242
26.2  实现UI原型 242
26.2.1  初始化news-ui 242
26.2.2  添加Naive UI 243
26.2.3  创建组件 244
26.2.4  实现新闻列表原型设计 245
26.2.5  实现新闻详情页原型设计 247
26.3  实现路由器 249
26.3.1  理解路由的概念 249
26.3.2  使用路由插件 249
26.3.3  创建路由 249
26.3.4  如何使用路由 250
26.3.5  修改新闻列表组件 251
26.3.6  新闻详情组件增加返回按钮事件处理 252
26.3.7  运行应用 252
26.4  小结 253
26.5  练习题 253
第27章  实战：后端服务器应用 254
27.1  初始化后台应用 254
27.1.1  初始化应用目录 254
27.1.2  初始化应用结构 254
27.1.3  在应用中安装Express 255
27.1.4  编写后台Hello World应用 255
27.1.5  运行后台Hello World应用 256
27.2  初步实现登录认证 256
27.2.1  创建后台管理组件 256
27.2.2  添加组件到路由 256
27.2.3  注入HTTP客户端 257
27.2.4  客户端访问后台接口 257
27.2.5  后台接口设置安全认证 259
27.3  实现新闻编辑器 261
27.3.1  集成md-editor-v3插件 261
27.3.2  导入md-editor-v3组件及样式 261
27.3.3  编写编辑器界面 261
27.3.4  后台创建新增新闻接口 264
27.3.5  运行 266
27.4  实现新闻列表展示 266
27.4.1  后台实现新闻列表查询的接口 266
27.4.2  实现客户端访问新闻列表REST接口 267
27.4.3  运行应用 268
27.5  实现新闻详情展示 269
27.5.1  在后服务器实现查询新闻详情的接口 269
27.5.2  实现客户端访问新闻详情REST接口 270
27.5.3  运行应用 272
27.6  实现认证信息存储及读取 273
27.6.1  实现认证信息的存储 273
27.6.2  实现认证信息的读取 273
27.6.3  改造认证方法 274
27.6.4  改造对外的接口 274
27.7  小结 276
27.8  练习题 276
第28章  实战：使用Nginx实现高可用 277
28.1  Nginx概述与安装 277
28.1.1  Nginx介绍 277
28.1.2  下载、安装、运行Nginx 278
28.1.3  常用命令 281
28.2  部署前端应用 281
28.2.1  编译前端应用 281
28.2.2  部署前端应用编译文件 282
28.2.3  配置Nginx 282
28.3  实现负载均衡及高可用 283
28.3.1  配置负载均衡 284
28.3.2  负载均衡常用算法 284
28.3.3  实现后台服务的高可用 286
28.3.4  运行 287
28.4  小结 287
28.5  练习题 287
参考文献 288