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