[套装书]Vue.js+Node.js开发实战:从入门到项目上线+Node.js+Express+Vue.js项目开发实战(2册)

作者
张帆 张旭
丛书名
出版社
机械工业出版社
ISBN
9782101141543
简要
简介
内容简介书籍计算机书籍 ---------------------------Vue.js+Node.js开发实战:从入门到项目上线--------------------------- 本书以JavaScript语言为基础,以一个完整的网站开发过程为主线,介绍了一整套面向Web项目的开发技术,如使用Node.js搭建服务端,使用NoSQL数据库管理数据,使用Vue.js搭建前端UI,使用Nginx部署代码,使用Git管理版本等。通过阅读本书,读者可以掌握从网站开发到网站上线的全过程。本书分为10章,涵盖的主要内容有购买域名、网站备案、Node.js安装、Express安装、Vue.js安装、前后端分离设计、网站需求设计、网站模块规划、网站服务器端开发、网站客户端UI开发、服务器端部署和网站上线等内容。本书通俗易懂,图文并茂,适合所有初级和中级Web开发人员阅读,尤其适合一些想自学网站开发的非专业人员阅读。另外,对于相关院校的学生和培训机构的学员而言,本书也是一本不可多得的实战指导书。 ---------------------------Node.js+Express+Vue.js项目开发实战--------------------------- 本书首先讲解了Node.js中最流行的框架Express的安装和使用,详细介绍了Express路由、请求对象Request和返回对象Response,然后详细讲解了许愿墙、博客管理系统和装修小程序管理系统三个完整项目的全部开发流程,最后又讲解了Node.js的部署方法和工具。全书共6章,分为三大部分:第1章介绍Express的基础知识;第2~5章讲解三个完整商业项目的开发实现过程,从需求分析到架构设计再到代码编写一整套完整的流程;第6章介绍Node.js的服务器部署方法和常用工具PM2的使用方法。本书通俗易懂,图文并茂,提供完整的商业项目开发流程,对于拥有Node.js基础而缺乏实战经验的开发人员来说非常适合。
目录



---------------------------Vue.js+Node.js开发实战:从入门到项目上线---------------------------


前言
第1章 开发一个网站的准备 1
1.1 如何从零开始建设一个网站 1
1.1.1 网站建设流程 1
1.1.2 网站开发技术和工具 2
1.2 第一步:购买一个域名 3
1.2.1 域名简介 4
1.2.2 如何通过阿里云购买域名 5
1.3 第二步:域名的备案和解析 8
1.3.1 域名的实名认证和备案 8
1.3.2 域名相关解析 9
1.4 第三步:购买一台服务器 10
1.4.1 云服务器 10
1.4.2 服务器的后台管理 11
1.5 小结与练习 13
1.5.1 小结 13
1.5.2 练习 13
第2章 Node.js+Vue.js项目开发基础 14
2.1 Node.js简介 14
2.1.1 Node.js的前世今生 14
2.1.2 在Windows中安装Node.js 15
2.1.3 在Linux中安装Node.js 18
2.1.4 第一个Node.js示例——Hello World 20
2.2 Node.js后端框架Express 21
2.2.1 Express的发展 21
2.2.2 Express的安装 23
2.2.3 Express项目示例——Hello World 25
2.2.4 RESTful API规范 25
2.3 页面显示框架Vue.js 27
2.3.1 Vue.js简介 27
2.3.2 Vue.js的安装 28
2.3.3 用Vue.js编写Hello World——CDN方式 29
2.3.4 用Vue.js编写Hello World——Webpack方式 30
2.3.5 其他页面显示框架 34
2.4 JavaScript代码编写——IDE的选择 35
2.4.1 编写基础的JavaScript代码 35
2.4.2 JavaScript开发利器——WebStorm 37
2.5 小结与练习 38
2.5.1 小结 38
2.5.2 练习 38
第3章 项目开发准备 39
3.1 初识数据库 39
3.1.1 数据库简介 39
3.1.2 SQL数据库和NoSQL数据库 40
3.2 MongoDB介绍 41
3.2.1 为什么选择MongoDB 42
3.2.2 在Windows中安装MongoDB 43
3.2.3 在Linux中安装MongoDB 44
3.3 Redis简介 46
3.3.1 为什么选择Redis 46
3.3.2 在Windows中安装Redis 47
3.3.3 在Linux中安装Redis 49
3.4 版本控制 51
3.4.1 版本控制简介 51
3.4.2 Git和GitHub简介 51
3.4.3 安装和使用Git 54
3.5 测试工具 57
3.5.1 浏览器自带的开发者工具 57
3.5.2 Postman插件 59
3.6 小结与练习 61
3.6.1 小结 61
3.6.2 练习 62
第4章 项目后台技术Express 63
4.1 开发Express应用程序 63
4.1.1 Express应用程序生成器 63
4.1.2 Express提供的路由 66
4.1.3 使用Express托管静态文件 68
4.2 Express和数据库交互 70
4.2.1 连接MongoDB数据库 70
4.2.2 使用对象模型驱动连接MongoDB 72
4.2.3 如何定义模型 73
4.2.4 Node.js和Redis集成 74
4.3 Express高级应用 75
4.3.1 Express中的中间件 75
4.3.2 Express错误处理 79
4.4 小结与练习 81
4.4.1 小结 81
4.4.2 练习 81
第5章 项目前端开发之Vue.js基础知识 82
5.1 Vue.js开发基础 82
5.1.1 安装Vue.js与Webpack 82
5.1.2 Webpack常用配置详解 85
5.1.3 Vue.js条件渲染 89
5.1.4 Vue.js列表渲染 90
5.1.5 Vue.js输入监听 91
5.1.6 Vue.js事件处理——v-on绑定 94
5.2 Vue.js的生命周期 97
5.2.1 生命周期与钩子函数 97
5.2.2 演示Vue.js的生命周期 99
5.3 Vue.js的模板语法 100
5.3.1 文本 101
5.3.2 JavaScript表达式 103
5.3.3 v-bind绑定动态属性 104
5.4 Vue.js的组件化 105
5.4.1 组件化简介 105
5.4.2 组件的创建 106
5.4.3 组件的注册 106
5.4.4 组件间的数据传递 109
5.4.5 监听子组件事件 111
5.4.6 通过插槽分发内容 114
5.5 小结与练习 116
5.5.1 小结 116
5.5.2 练习 116
第6章 Vue.js高级应用 117
6.1 Vue.js的vue-router库 117
6.1.1 Vue.js的页面路由实现 117
6.1.2 使用vue-cli初始化Vue.js项目 118
6.1.3 安装和配置vue-router 122
6.1.4 动态路由匹配 123
6.1.5 路由嵌套 126
6.1.6 路由跳转 128
6.1.7 导航守卫 131
6.2 Vue.js的状态管理库Vuex 132
6.2.1 状态管理与store模式 133
6.2.2 使用Vuex的情形 133
6.2.3 在Vue.js组件中获取Vuex状态和Getter对象 135
6.2.4 更新Vuex中的store 138
6.2.5 Vuex模块的划分 142
6.3 Vue UI库 143
6.3.1 Element UI库 143
6.3.2 Ant Design of Vue UI库 144
6.3.3 iView UI库 145
6.4 小结与练习 146
6.4.1 小结 146
6.4.2 练习 146
第7章 项目需求分析和功能说明 147
7.1 内容发布网站的需求分析 147
7.1.1 系统设计需求和技术说明 147
7.1.2 后端接口需求 148
7.1.3 前端页面需求 149
7.2 项目策划和功能设计 150
7.2.1 项目功能策划 150
7.2.2 项目模块划分 150
7.2.3 项目后端API路由定义 151
7.2.4 项目前端页面路由定义 152
7.3 项目原型图和流程图 153
7.4 小结与练习 154
7.4.1 小结 154
7.4.2 练习 154
第8章 项目后端API开发 155
8.1 开发前的准备工作 155
8.1.1 初始化项目 155
8.1.2 连接数据库 156
8.1.3 配置服务应用列表 161
8.2 通用API开发 164
8.2.1 获取页面导航栏的API开发 164
8.2.2 获取底部详细内容的API开发 167
8.2.3 获取友情链接的API开发 168
8.2.4 获取首页轮播图的API开发 169
8.2.5 获取热点文章列表内容的API开发 171
8.2.6 获取文章列表的API开发 173
8.2.7 获取文章详情的API开发 175
8.2.8 获取文章评论的API开发 177
8.2.9 获取分类内容的API开发 178
8.2.10 记录文章浏览量的API开发 180
8.3 用户权限相关API开发 182
8.3.1 用户模块开发前的准备工作 182
8.3.2 用户评论文章的API开发 183
8.3.3 获取用户资料的API开发 185
8.3.4 修改用户资料的API开发 187
8.3.5 发送私信的API开发 189
8.3.6 获取私信列表的API开发 191
8.3.7 获取私信的API开发 192
8.3.8 用户注册的API开发 194
8.3.9 用户登录的API开发 196
8.3.10 文章分类列表的API开发 199
8.3.11 文章“点赞”和“踩”功能的API开发 201
8.3.12 文章收藏功能的API开发 202
8.3.13 获取收藏文章列表的API开发 203
8.4 后台管理相关API开发 204
8.4.1 文章添加和修改的API开发 205
8.4.2 文章发布和删除的API开发 208
8.4.3 添加和修改分类的API开发 210
8.4.4 获取全部用户列表的API开发 211
8.4.5 封停用户的API开发 213
8.4.6 修改首页轮播内容的API开发 214
8.4.7 修改导航内容的API开发 216
8.4.8 修改底部内容的API开发 217
8.4.9 修改友情链接内容的API开发 218
8.4.10 其他权限判断 220
8.5 小结与练习 221
8.5.1 小结 221
8.5.2 练习 222
第9章 前端页面开发 223
9.1 项目前期准备 223
9.1.1 创建新项目 223
9.1.2 选择UI库 224
9.1.3 安装HTTP请求库 225
9.2 主要页面的开发 228
9.2.1 主页 228
9.2.2 文章总列表页 235
9.2.3 文章分类结果页 237
9.2.4 文章详情页 239
9.3 用户相关页面及权限的开发 244
9.3.1 登录页 244
9.3.2 注册页 247
9.3.3 用户信息页 251
9.3.4 在导航栏中增加用户信息 256
9.3.5 私信功能 258
9.3.6 文章评论功能 262
9.3.7 文章的收藏和点赞功能 265
9.3.8 查看所有收藏 267
9.4 管理员页面的开发 269
9.4.1 管理员页面路由设置 269
9.4.2 文章编辑页 271
9.4.3 文章管理页 275
9.4.4 用户管理页 278
9.5 小结与练习 280
9.5.1 小结 280
9.5.2 练习 280
第10章 网站的部署和上线 281
10.1 远程连接服务器 281
10.1.1 虚拟机简介 281
10.1.2 虚拟机的安装 282
10.1.3 远程连接云服务器或虚拟机 288
10.2 搭建服务器部署环境 290
10.2.1 配置pm2 290
10.2.2 构建用于发布的Vue.js程序 293
10.2.3 使用Nginx部署静态文件 294
10.3 在服务器端部署代码 295
10.3.1 服务器的防火墙设置 295
10.3.2 使用Git部署代码 296
10.4 网站优化常用方法 299
10.4.1 优化应用 299
10.4.2 使用nw.js打包项目 300
10.5 小结与练习 302
10.5.1 小结 302
10.5.2 练习 303
附录A 检测Node.js是否支持ES 6的语法 304
附录B npm安装过慢的解决方法 306



---------------------------Node.js+Express+Vue.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

推荐

车牌查询
桂ICP备20004708号-3