《Vue.js项目开发实战》

本书以JavaScript语言为基础，以Vue.js项目开发过程为主线，介绍了一整套面向Vue.js的项目开发技术。从NoSQL数据库的搭建到Express项目API的编写，最后再由Vue.js显示在前端页面中，让读者可以非常迅速地掌握一门技术，提高项目开发的能力。

本书分为4篇。第1篇介绍了Vue.js基础环境的搭建，是全书的基石;第2篇介绍了电影网站项目的设计，涵盖ES 6、Webpack、工程化环境搭建等关键技术;第3篇介绍了电影网站项目前端和后端的实现，涵盖Node.js后端技术、Vue.js各种组件和API等技术;第4篇介绍了页面优化，通过讲解一些Vue.js模板和框架的用法，带领读者制作更加美观的UI界面。

本书适合Vue.js初学者和进阶者阅读，也适合其他Web前端和后端开发爱好者阅读;对于一些IT领域的产品经理而言，本书也有较高的参考价值;对于一些培训机构和各类开设Web开发课程的学校来说，本书是一本很好的项目开发教程。

前言

随着手机和移动互联网市场的日益成熟，移动 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. 涵盖Web开发的常用技术

本书不仅是一本介绍 Vue.jis 框架技术的图书，更是一本 JavaScript 全栈技术图书。书中不仅涵盖从HTML 5、CSS 3到 JavaScript 脚本编程等 Web 开发的基础知识，而且也涵盖 NoSQL 数据库技术、Node.js 服务器端开发技术及页面优化技术等高级开发知识。

2.注重实战，通过一个完整的项目带领读者学习

本书通过一个完整的 Web 工程项目案例贯穿全书，带领读者全流程参与该项目的整个开发过程，让读者可以掌握 Web 开发的完整技术链，从而提升实际项目开发水平。

3. 对项目案例的核心源代码做了详细注释和讲解

为了便于读者理解本书内容，提高学习效率，本书在讲解时给出了书中项目案例的核心源代码，并对源代码做了详细注释，对实现方法和思路做了详细讲解。

4. 展现项目设计思路和项目管理流程

笔者认为，一个优秀的程序员不仅要有良好的代码编写能力，更要有对整个项目的设计思路和把控能力，这对于编写业务逻辑的程序员尤其重要。本书从第2 章开始就逐步渗透了项目管理的相关知识，展现了从项目设计到项目开发的整个流程。

本书内容

第1篇 背景知识（第1章）

本篇主要介绍了网页开发的相关背景知识和 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.is 的强大功能，并比较了当前流行的前端技术和传统的 Web 开发技术的差异。通过对本篇内容的学习，读者可以系统地掌握 Vue.js 应用开发所需要掌握的各种技术。

第4篇 页面优化（第9章）

本篇主要介绍了如何使用网络中已有的 UI库或其他造好的"车轮"，去优化自己的页面。通过应用这些流行的 UI组件库，开发人员可以快速地将一个页面制作得非常精美。通过对本章内容的学习，读者可以掌握页面优化的各种"武器"，从而开发出更加美观的页面。

本书读者对象

●Vue.js初学人员;

●Vue.js 进阶人员;

●JavaScript全栈开发者;

● Web 前端开发工程师;

●Web 服务器端开发工程师;

●Node.js 服务端开发工程师;

●软件开发项目经理;

●各大院校的学生;

●相关培训机构的学员。

第1篇背景知识

第 1章 初探网页开发

第 1章 初探网页开发

做前端开发或网页开发的朋友们肯定已经被 Vue.js 这个名词彻底"包围"了，因为它太"火爆"了!本章的目的就是探索 Vue.js的出现及流行的原因。

最早的软件都是运行在大型计算机上的，软件使用者通过"终端"登录到大型计算机上运行软件。随着 PC 机的兴起，软件开始主要运行在客户端的 PC平台上，而数据库这样的软件运行在服务器端，这种 Client（客户端）/Server （服务器端）模式简称 C/S 架构。随着互联网的兴起，人们发现 C/S 架构不适合 Web。简单而言，最基本的客户端软件虽然安装和使用方便，但是其安装和手动升级成了很繁琐的事。而对于应用程序的逻辑和数据都存储在服务器端的最大优点是∶通过所有终端中带有的浏览器作为承载对象，直接交由用户访问存储在服务器中的内容，所以 Web 应用程序的修改和升级非常便捷。而 C/S架构需要每个客户端逐个升级桌面 App，因此 Browser（浏览器）/Server（服务器端）模式开始流行，简称 B/S 架构。

在 B/S 架构下，客户端只需要有浏览器即可，而无须在意用户的使用终端。浏览器只需要请求服务器获取 Web 页面，并把 Web 页面展示给用户即可。

同时，Web 构建的页面也具有极强的交互性和美观性，不用过于在意某种既定的 UI规范，可以更快、更艺术化地表现内容和交互。并且，服务器端升级后，客户端无须做任何部署或更新就可以使用最新的版本，非常适合企业的版本迭代和功能增加。

1.1 网页开发历史

简单来说，Web 是运行在互联网上的一个超大规模的分布式系统，通过对数据的一些可视化进行展现的一种工具。

网页开发的设计初衷是一个静态信息资源的发布媒介。通过超文本标记语言（HTML）描述信息资源;通过统一资源标识符（URI）定位信息资源; 通过超文本传输协议（HTTP）请求信息资源。

HTML、URI（URL地址是URI的一个特例）和HTTP这3个规范构成了Web 的核心体系结构，也是一个网页不可或缺的3 种协议体系。用简单一点的话来说，用户通过客户端（浏览器）的 URL 找到网站（如 www.baidu.com），同样此地址可以为 IP 的形式，通过浏览器发出 HTTP 请求，运行 Web 服务的服务器收到请求后返回此客户机URL 中请求的 HTML 页面。

【下载地址】

链接：https://pan.baidu.com/s/10c9cBCWvGM0GVEShWB7RmA

提取码：gxf6