音像Vue.js项目开发实战张帆 编著

前言
篇背景知识
章初探网页开发2
1.1网页开发历史2
1.1.1传统网页开发3
1.1.2新前端网页开发5
1.2MVVM风格开发框架6
1.2.1为什么会出现MVVM6
1.2.2MVVM架构的很好实践7
1..MVC、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很好智能的E——WebStorm36
2.2认识ECMAScript6（ES6）39
2.2.1ES6的前世今生39
2.2.2为什么要使用ES640
.ES的一些常用语法40
..1DefaultParameters（默认参数）40
..2TemplateLiterals（模板文本）41
..Multi-lineStrings（多行字符串）41
..4DestructuringAssignment（解构赋值）42
..5EnhancedObjectLiterals（的对象文本）42
..ArrowFunctions（箭头函数）43
..Promise实现44
..块作用域构造let45
..Classes（类）46
..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..的页面设计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什么是SL76
4.1.2什么是NoSL78
4.1.3两种数据库的对比分析79
4.2MongoDB基础入门80
4.2.1为什么选择MongoDB80
4.2.2安装MongoDB81
4..启动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..设计路由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
……

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

前言    随着手机和移动互联网市场的日益成熟，移动App领域也从如何开发，发展到如何更高效、更低成本地开发阶段。传统的原生平台（PC、iOS和Android）开发技术虽然比较成熟，但由于其开发效率和成本的，已经无法满足移动互联网App的开发需求。    跨平台技术横空出世，大量的JavaScript框架和工具得以迅速流行，而Vue.js跃升为其中的佼佼者，成为构建用户界面的不错实践技术之一。    Vue.js是一套构建用户界面的渐进式框架。与重量级框架不同的是，Vue.js的核心库只关注视图层，并且采用自底向上增量开发的设计，很好容易学习。    Vue.js接近有能力驱动采用单文件组件和Vue.js生态系统支持的库来开发复杂的单页应用，它本身也很好容易与库或已有项目进行整合。    目前，市面上有关Vue.js的书甚是驳杂，大多数是对专业文档的复述和很好难懂的底层知识的介绍。很难想象一个编程的初学者，或者只是一个初期尝试Web开发的学生该如何阅读这样的书。    而本书是一本专注于Vue.js项目实战的书，内容涵盖应用广泛的前端和后端技术，可以指导读者构建自身的知识框架。Vue.js主要擅长前端视图层的开发，本书不但介绍了Vue.js的一些开发技巧，而且用大量篇幅介绍了如何构建一个合格的工程项目，以及如何用Vue.js在一个项目中开发出所需要的效果。    本书以实战为主旨，从一个由Node.js开发的完整后台开始，去制作一个电影，完成这项工程的每一个步骤，从而提高读者的整体技术水平。本书涵盖了Vue.js中常用的组件、API、布局、第三方UI组件库、请求和数据更新等内容，可以让读者全面、深入、透彻地理解Vue.js主流开发技术和整个项目工程的设计方法，从而提升实际开发水平和项目实战能力。    本书涉及的知识点较多，如图1的词云图所示。即便是一个对Vue.js一无所知的“小白”，通过阅读本书，也可以一点一滴地积累知识，完成整个Vue.js的学习。    图1  词云图    本书的学习流程如图2所示。    图2  本书学习流程本书特色    1．涵盖Web开发的常用技术    本书不仅是一本介绍Vue.js框架技术的图书，更是一本JavaScript全栈技术图书。书中不仅涵盖从HTML 5、CSS 3到JavaScript脚本编程等Web开发的基础知识，而且也涵盖NoSL数据库技术、Node.js服务器端开发技术及页面优化技术等不错开发知识。    2．注重实战，通过一个完整的项目带领读者学习    本书通过一个完整的Web工程项目案例贯穿全书，带领读者全流程参与该项目的整个开发过程，让读者可以掌握Web开发的完整技术链，从而提升实际项目开发水平。    3．对项目案例的核心源代码做了详细注释和讲解    为了便于读者理解本书内容，提高学习效率，本书在讲解时给出了书中项目案例的核心源代码，并对源代码做了详细注释，对实现方法和思路做了详细讲解。    4．展现项目设计思路和项目管理流程    笔者认为，一个很好的程序员不仅要有良好的代码编写能力，更要有对整个项目的设计思路和把控能力，这对于编写业务逻辑的程序员尤其重要。本书从第2章开始就逐步渗透了项目管理的相关知识，展现了从项目设计到项目开发的整个流程。    本书内容    篇  背景知识（章）    本篇主要介绍了网页开发的相关背景知识和Vue.js的背景知识，并通过Hello World标准入门示例带领读者体验如何简单地使用Vue.js。通过对本篇内容的学习，读者可以掌握Vue.js的安装方法，并对Vue.js的主要特有个大概的了解，从而给后续学习打好基础。    第2篇  项目设计（第2～4章）    本篇主要介绍了一个电影的项目设计，包括整个项目的UI设计、路由设和据库设计等。通过对本篇内容的学习，读者可以了解一个完整的项目应该如何去构思和设计，应该包含哪些内容，从而提高自己的项目设计能力。    第3篇  Vue.js应用开发（第5~8章）    本篇主要介绍了电影前端和后端的实现，涵盖Node.js技术、Vue.js组件和API等技术。本篇通过大量的代码展示了Vue.js的强大功能，并比较了当前流行的前端技术和传统的Web开发技术的差异。通过对本篇内容的学习，读者可以系统地掌握Vue.js应用开发所需要掌握的各种技术。    第4篇  页面优化（第9章）    本篇主要介绍了如何使用网络中已有的UI库或造好的“车轮”，去优化自己的页面。通过应用这些流行的UI组件库，开发人员可以快速地将一个页面制作得很好精美。通过对本章内容的学习，读者可以掌握页面优化的各种“武器”，从而开发出更加美观的页面。    本书配套资源获取方式    本书涉及的源代码文件等配套资源需要读者自行下载。请在华章公司的www.hzbook.com上搜索到本书，然后在本书页面上找到资料下载模块即可下载。    本书读者对象* Vue.js初学人员；* Vue.js进阶人员；* JavaScript全栈开发者；* Web前端开发；* Web服务器端开发；* Node.js服务端开发；* 软件开发项目经理；* 各大院校的学生；* 相关培训机构的学员。    致谢    感谢本书编辑，让我有机会和本书结缘！感谢在本书写