Vue.js项目开发实战

本书以JavaScript语言为基础，以Vue.js项目开发过程为主线，介绍了一整套面向Vue.js的项目开发技术。从NoSQL数据库的搭建到Express项目API的编写，后再由Vue.js显示在前端的页面中，让读者可以很好迅速地掌握这些技术，提高项目开发的能力。本书分为4篇。靠前篇介绍了Vue.js基础环境搭建，是全书的基石；第2篇介绍了电影网站项目的设计，涵盖ES6、Webpack和工程化环境搭建等关键技术；第3篇介绍了电影网站项目的前端和后端的实现，涵盖Node.js后端技术、Vue.js各种组件和API等技术；第4篇介绍了页面优化，通过学习一些Vue.js模板和框架，从而制作更加美观的用户界面（UI）。本书适合Vue.js初学者和进阶者阅读，也适合其他Web前端和后端开发爱好者阅读。对于一些产品经理，本书也同样适合阅读。另外，对于培训机构和各类开设Web开发课程的院校，本书是一本很好的项目开发教程。

张帆，资历全栈“码农”。有多年的项目设计和Web开发经验，熟悉各种主流前端和后端开发工具，长期从事新技术的研究与项目实践。现专注于JavaScript全栈开发，以及微信小程序和小游戏的开发实践与探索。

前言
第1篇背景知识
第1章初探网页开发2
1.1网页开发历史2
1.1.1传统网页开发3
1.1.2新前端网页开发5
1.2MVVM风格开发框架6
1.2.1为什么会出现MVVM6
1.2.2MVVM架构的很好实践7
1.2.3MVC、MVP和MVVM开发模式对比8
1.3Vue.js来了9
1.4Vue.js的安装10
1.4.1使用独立版本11
1.4.2使用CDN安
1.4.3“npm大法”安装15
1.4.4使用Chrome浏览器测试Vue.js的双向绑定17
1.5Vue.js的主要特性19
1.5.1组件19
1.5.2模板22
1.5.3响应式设计22
1.5.4过渡效果22
1.5.5单文件组件24
1.6小结与练习24
1.6.1小结24
1.6.2练习25
第2篇项目设计
第2章开启Vue.js之旅的准备工作28
2.1JavaScript运行与开发环境28
2.1.1神奇的包管理器——npm28
2.1.2好用的浏览器——Chrome31
2.1.3Vue.js的调试利器——vue-devtools34
2.1.4非常智能的IDE——WebStorm36
2.2认识ECMAScript6（ES6）39
2.2.1ES6的前世今生39
2.2.2为什么要使用ES640
2.3ES6的一些常用语法40
2.3.1DefaultParameters（默认参数）40
2.3.2TemplateLiterals（模板文本）41
2.3.3Multi-lineStrings（多行字符串）41
2.3.4DestructuringAssignment（解构赋值）42
2.3.5EnhancedObjectLiterals（增强的对象文本）42
2.3.6ArrowFunctions（箭头函数）43
2.3.7Promise实现44
2.3.8块作用域构造let45
2.3.9Classes（类）46
2.3.10Modules（模块）46
2.4使用Babel进行ES6的转化47
2.4.1安装Babel48
2.4.2使用Babel48
2.5精简压缩生产环境的Webpack51
2.5.1Webpack是什么51
2.5.2配置一个完整项目的Webpack52
2.5.3不得不说的新版Webpack456
2.6小结与练习59
2.6.1小结59
2.6.2练习59
第3章从一个电影网站项目学习Vue.js60
3.1快速构建第一个Vue.js程序60
3.1.1通过CLI构建应用60
3.1.2输出Helloworld！63
3.1.3开发环境与生产环境66
3.2电影网站的设计70
3.2.1网站的功能设计70
3.2.2网站的路由设计71
3.2.3网站的页面设计72
3.3电影网站的技术选择73
3.3.1服务的坚实后盾——数据库73
3.3.2数据的搬运和加工——服务器端74
3.4小结与练习74
3.4.1小结74
3.4.2练习75
第4章电影网站数据库的搭建76
4.1什么是数据库76
4.1.1什么是SQL76
4.1.2什么是NoSQL78
4.1.3两种数据库的对比分析79
4.2MongoDB基础入门80
4.2.1为什么选择MongoDB80
4.2.2安装MongoDB81
4.2.3启动MongoDB83
4.2.4安装MongoDB的可视化界面87
4.2.5MongoDB的基础操作90
4.3电影网站数据库的建立92
4.3.1数据库的分析与设计93
4.3.2数据集的建立94
4.4小结与练习96
4.4.1小结96
4.4.2练习97
第3篇Vue.js应用开发
第5章电影网站服务器端的设计100
5.1使用JavaScript开发后端服务100
5.1.1神奇的Node.js100
5.1.2什么是Express101
5.2使用Express进行Web开发102
5.2.1安装Express102
5.2.2设计后台服务API105
5.2.3设计路由107
5.3服务器测试108
5.3.1一个测试HTTP请求的Postman插件108
5.3.2在Chrome中安装Postman插件109
5.3.3使用Postman插件进行数据测试110
5.4Express后台代码编写112
5.4.1新建工程112
5.4.2连接数据库115
5.4.3使用Supervisor监控代码的修改118
5.5用户系统开发119
5.5.1注册路由122
5.5.2登录路由125
5.5.3找回密码路由128
5.5.4提交评论路由133
5.5.5点赞路由135
5.5.6下载路由137
5.5.7发送站内信路由138
5.5.8接收站内信路由141
5.6前台API开发143
5.6.1显示排行榜145
5.6.2显示文章列表145
5.6.3显示文章内容146
5.6.4显示用户个人信息147
5.7后台API开发148
5.7.1添加电影148
5.7.2删除电影151
5.7.3更新电影152
5.7.4获取所有电影153
5.7.5获取用户评论154
5.7.6审核用户评论154
5.7.7删除用户评论156
5.7.8封停用户157
5.7.9更新用户密码159
5.7.10显示所有用户160
5.7.11管理用户权限162
5.7.12新增文章163
5.7.13删除文章165
5.7.14新增主页推荐166
5.7.15删除热点信息168
5.8小结与练习169
5.8.1小结169
5.8.2练习170
第6章Vue.js项目开发技术解析171
6.1Vue.js实例171
6.1.1何为构造器171
6.1.2实例的属性和方法172
6.1.3生命周期173
6.2Vue.js路由175
6.2.1RESTful模式的路由175
6.2.2安装vue-router175
6.3Vue.js路由配置vue-router176
6.3.1动态路由匹配176
6.3.2嵌套路由179
6.3.3编程式导航181
6.3.4命名路由183
6.3.5命名视图184
6.3.6重定向和别名186
6.3.7路由组件传递参数187
6.3.8HTML5History模式188
6.4数据获取189
6.4.1导航守卫189
6.4.2数据获取193
6.5电影网站项目路由设计195
6.5.1新建Vue.js项目195
……