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

本书以实战为主旨，详解Vue.js和Node.js开发中常用的原生模块和典型的项目案例，使读者掌握Vue.js Node.js开发的热门技术、各种主流框架及其整合使用，提高Web全栈开发水平和项目实战能力。

本书着眼于实战开发，以Node.js和Vue.js原生知识和框架实战为主线，详细介绍Node.js Vue.js开发的基础知识和相应案例实践。Node.js后端包括console、assert、fs、path、http、url、tcp、udp等核心模块、与MongoDB和MySQL数据库的连接方法等。Vue.js前端包括模板语法、生命周期、指令系统、样式绑定和路由等内容。同时，本书着重介绍基于Node.js Vue.js开发的工具选择、环境搭建和项目构建等内容，所有案例都提供了详尽的源代码及其注释。 全书共14章，主要内容有Node.js和Vue.js环境搭建、Node.js语法基础、Node.js包管理机制、Node.js网络开发、Node.js文件模块使用、Node.js数据库开发、Vue.js数据、方法与生命周期、Vue.js模板语法、Vue.js指令系统、Vue.js样式绑定和Vue.js路由，以及两个Node.js Vue.js实战项目。 本书内容丰富、实例典型、实用性强，适合希望学习Node.js Vue.js全栈开发的初学者，也适合作为高等院校和培训学校计算机及其相关专业师生的参考书。

王金柱，对JavaScript语言、jQuery框架、Node.js、React等Web前端开发有着独到的经验，并精通HTML/XHTML、CSS与PHP等开发语言的应用。有着10多年丰富的IT从业经历，完成过多家大型央企与上市公司的企业级Web系统平台项目的前端模块开发工作。

第1章  Node.js基础与环境搭建 1
1.1  Node.js基础 1
1.1.1  Node.js简介 1
1.1.2  Node.js发展历史 2
1.1.3  Node.js组织架构 3
1.1.4  Node.js特点 4
1.1.5  Node.js应用场景 6
1.1.6  Node.js在国内的发展 7
1.2  搭建Node.js开发环境 8
1.2.1  Windows 10系统下安装部署Node.js开发环境 8
1.2.2  测试Node开发环境 13
1.2.3  通过Node运行JavaScript文件 14
1.3  通过Visual Studio Code开发Node应用 15
1.3.1  通过Visual Studio Code开发管理代码 15
1.3.2  通过Webpack构建Node应用程序架构 21
1.3.3  通过Visual Studio Code开发调试Node应用 23
第2章  Vue.js基础介绍与环境搭建 40
2.1  Vue.js基础 40
2.1.1  Vue.js简介 40
2.1.2  Vue.js发展历史 41
2.1.3  Vue.js与MVVM架构模型 41
2.1.4  双向数据绑定 42
2.1.5  Vue.js特点 42
2.2  Vue.js快速开发环境 43
2.2.1  直接通过引入本地Vue.js 43
2.2.2  通过CDN方式引入Vue.js 44
2.2.3  兼容ES Module的方式 45
2.3  Vue.js脚手架开发环境 45
2.3.1  安装Vue.js脚手架 45
2.3.2  通过Vue.js脚手架进行快速原型开发测试 47
2.3.3  通过Vue.js脚手架进行打包 48
2.3.4  通过Vue.js脚手架创建应用 50
2.3.5  通过vue-cli结合Webpack创建应用 53
2.3.6  通过Visual Studio Code开发调试Vue代码 57
第3章  Node.js语法基础 62
3.1  JavaScript语法 62
3.1.1  变量 62
3.1.2  注释 65
3.1.3  数据类型 65
3.1.4  函数 66
3.1.5  闭包 68
3.2  命名规范与编程规范 69
3.2.1  命名规范 69
3.2.2  编程规范 71
3.3  Node.js的控制台console 72
3.3.1  console对象下的各种函数 72
3.3.2  console.log()函数 73
3.3.3  console.info()、console.warn()和console.error()函数 73
3.3.4  console.dir()函数 74
3.3.5  console.time()和console.timeEnd()函数 74
3.3.6  console.trace()函数 75
第4章  Node.js中的包管理 76
4.1  NPM介绍 76
4.1.1  NPM常用命令 76
4.1.2  package.json文件 79
4.2  模块加载原理与加载方式 81
4.2.1  require导入模块 81
4.2.2  exports导出模块 82
4.3  Node.js核心模块 83
4.3.1  http模块——创建HTTP服务器、客户端 83
4.3.2  url模块——url地址处理 87
4.3.3  querystring模块——查询字符串处理 88
4.4  Node.js常用模块 89
4.4.1  util模块——实用工具 89
4.4.2  path模块——路径处理 90
4.4.3  dns模块 91
第5章  文件系统 93
5.1  Node.js文件系统介绍 93
5.1.1  同步和异步 93
5.1.2  fs模块中的类和文件的基本信息 95
5.1.3  文件路径 96
5.2  基本文件操作 97
5.2.1  打开文件 97
5.2.2  关闭文件 98
5.2.3  读取文件 99
5.2.4  写入文件 100
5.3  其他文件操作 102
第6章  Node.js网络开发 104
6.1  构建TCP服务器 104
6.1.1  使用Node.js创建TCP服务器 104
6.1.2  监听客户端的连接 105
6.1.3  查看服务器监听的地址 107
6.1.4  连接服务器的客户端数量 107
6.1.5  获取客户端发送的数据 108
6.1.6  发送数据给客户端 109
6.2  构建TCP客户端 111
6.2.1  使用Node.js创建TCP客户端 111
6.2.2  连接TCP服务器 112
6.2.3  获取从TCP服务器发送的数据 112
6.2.4  向TCP服务器发送数据 113
6.3  构建HTTP服务器 114
6.3.1  创建HTTP服务器 114
6.3.2  HTTP服务器的路由控制 115
6.4  利用UDP协议传输数据与发送消息 117
6.4.1  创建UDP服务器 117
6.4.2  创建UDP客户端 120
第7章  Node.js数据库开发 123
7.1  使用mongoose连接MongoDB 123
7.1.1  MongoDB介绍 123
7.1.2  使用mongoose连接MongoDB 125
7.1.3  使用mongoose操作MongoDB 126
7.2  直接连接MongoDB 131
7.2.1  使用node-mongodb-native连接MongoDB 131
7.2.2  使用node-mongodb-native操作MongoDB 132
7.3  连接MySQL 139
7.3.1  MySQL介绍 139
7.3.2  Node.js连接MySQL 142
7.3.3  Node.js操作MySQL 143
第8章  Vue.js数据、方法与生命周期 146
8.1  Vue.js数据 146
8.1.1  Vue.js数据同步 146
8.1.2  Vue.js数据冻结 150
8.1.3  Vue.js实例property属性 153
8.2  Vue.js方法 156
8.2.1  观察属性方法 156
8.2.2  事件触发方法 163
8.2.3  自定义事件方法 165
8.3  Vue.js生命周期 169
8.3.1  Vue.js生命周期图示 169
8.3.2  Vue.js生命周期钩子 171
第9章  Vue.js模板语法 180
9.1  Vue.js模板语法介绍 180
9.2  Vue.js插值 180
9.2.1  文本插值 181
9.2.2  原始HTML插值 182
9.2.3  使用JavaScript表达式 184
9.3  Vue.js指令 185
9.3.1  Vue指令概述 186
9.3.2  v-if条件表达式指令 186
9.3.3  v-show显示指令 190
9.3.4  使用元素渲染分组 192
9.3.5  v-for循环指令 195
9.4  Vue.js指令参数 199
9.4.1  Vue.js指令接收参数 199
9.4.2  Vue.js指令接收动态参数 201
9.4.3  通过Vue.js指令动态参数改变元素类型 203
9.5  Vue.js指令修饰符 205
9.5.1  Vue.js指令prevent修饰符 205
9.5.2  Vue.js指令stop修饰符 210
9.5.3  Vue.js指令once修饰符 213
9.6  Vue.js指令缩写 215
9.7  Vue.js数据双向绑定 219
9.7.1  v-model指令原理 219
9.7.2  .lazy修饰符 224
9.7.3  .number修饰符 227
9.7.4  .trim修饰符 231
9.8  Vue.js计算属性 232
第10章  Vue.js样式绑定 236
10.1  Vue.js绑定HTML Class 236
10.1.1  绑定静态Class 236
10.1.2  绑定动态Class 238
10.1.3  绑定多个Class 242
10.2  通过数组语法绑定Class 244
10.3  Vue.js绑定HTML Style 246
10.3.1  绑定静态Style 246
10.3.2  绑定Style对象 247
10.3.3  绑定多重值的Style 249
10.4  通过计算属性绑定样式 249

第11章  Vue.js组件基础 252
11.1  Vue.js全局组件 252
11.2  Vue.js局部组件 254
11.3  通过Prop向子组件传递数据 256
第12章  Vue.js路由 261
12.1  安装vue-router库的方法 261
12.2  基于vue-router库开发单页面应用 262
12.3  基于vue-router库实现动态路由 264
第13章  项目实战：基于Vue.js Node.js实现学生成绩管理系统 266
13.1  学生成绩管理系统组织架构设计 266
13.2  构建项目应用框架 267
13.3  后台数据结构 269
13.4  功能模块组件设计 269
13.5  功能模块路由设计 275
13.6  测试应用 276
第14章  项目实战：基于Vue.js Node.js实现城市信息查询系统 279
14.1  全国城市信息查询系统组织架构设计 279
14.2  构建项目应用框架 280
14.3  后台数据获取方式 280
14.4  功能模块组件设计 281
14.5  功能模块路由设计 284
14.6  测试应用 286