前言

随着宽带速度的提升，原本内容单一的网站可以增加更多的图片、动画和视频，而无须顾虑加载速度，因此与网站相关的应用（也称为Web应用）近几年发展飞快。除了传统的网站页面、HTML应用和HTML游戏外，还有类似于“小程序”“快应用”这样基于网络开发的移动端应用也在蓬勃发展。虽然这些应用大多数不能通过浏览器直接启动和打开，但其本身依然是传统的Web应用，只是通过一些技术手段优化了性能，如增加了缓存和系统API接口等。可以说，开发Web应用的能力依然是每个互联网开发人员必须具备的。

Web应用开发包括前端开发和后端开发。目前，通过一个项目把Web前后端开发技术贯穿起来的图书还不多。本书从这个角度切入，通过构建一个完整的Web工程项目，展示Web前后端开发的整个流程，其中，前后端分别采用Vue.js和Node.js技术来实现。本书的写作遵循网站开发的流程，从购买一个域名开始，逐步向读者展现网站开发的整个过程。与已经出版的同类图书不同的是，本书不精研每一个技术细节，而是从宏观项目入手，让读者掌握一个完整项目的开发过程。通过阅读本书，读者可以快速了解一个网站产品的全部技术栈，继而能搭建一个类似的网站。

本书特色

1. 详解网站从开始搭建到部署上线的全流程

一个网站从开始搭建到最后上线要经过购买网站服务器、数据库设计、前端开发、后端开发和部署上线等多个步骤。本书通过一个项目案例把这些步骤完整地展现出来，让读者可以从零开始，一步一步地亲自动手演练每个步骤。

2. 提供大量完整的小示例帮助读者练习编码

动手是学习编程必不可少的方式，也是非常有效的方式，多写代码能有效地提高编程能力。本书除了大型项目外，还穿插了大量的小示例帮助读者提高编码能力，这些示例大多在一页以内，而且给出了运行结果，读者可以先自己编写代码并测试运行，再与提供的示例代码进行比较，从而发现自己的不足并加以改进。

3. 注重项目设计思路和工程开发思想

本书从项目需求分析到功能说明，从数据库的选择到前后端技术栈的考量，从编码测试到项目部署与上线，全都按照实际项目开发的流程进行推进，而且还展现了实际工程项目开发的思想和需要注意的事项，从而帮助读者建立完整的项目开发思维。

4. 广阔的技术视角，开阔的开发思路

本书从项目设计到路由设计，从网站整体风格定位到单一界面开发，从Vue.js前端开发到Node.js后端开发，从Nginx到Git，都有涉及。这些技术有的从设计角度出发，有的从UI角度出发，有的从开发和测试角度出发，有的从部署角度出发，给读者以广阔的技术视角和开阔的开发思路，最终提升项目开发水平。

本书内容

第1章简要介绍云服务器、网站域名、网站认证和网站备案等知识，并介绍如何将来自互联网的访问转发到服务器中（这是域名解析的魅力所在）。

第2章简要介绍Node.js、Express和Vue.js等Web项目开发的基础知识。学习完本章内容后，读者就能跨入全栈开发的大门，并能熟练地使用JavaScript编写代码。

第3章主要介绍数据库和工程化开发的一些常用工具，这些工具可以让项目开发事半功倍。其中，数据库技术包括MongoDB和Redis等，工程化开发工具包括Git和Postman等。

第4章详细介绍网站开发的后端关键技术Express，涵盖Express路由管理、Express与数据库的连接，以及Express中间件等关键技术。

第5章详细介绍网站前端开发工具Vue.js的基础知识。网站前端相当于网站的门面，本章介绍如何使用Vue.js打造前端组件，并构建美观的前端页面。

第6章深入介绍Vue.js的高级开发技术，包括Vue.js中至关重要的路由、状态管理和UI库等相关概念。本章基于第5章所讲内容，阅读顺序不能颠倒。

第7章重点对Web项目做需求分析和功能说明，包括项目的设计、功能策划和模块划分等。对于开发人员而言，这是网站项目开发的第一步，要先分析需求，然后才能进入开发阶段。

第8章重点介绍Web项目的后端开发过程。本章使用Express框架开发一个完整的项目后端，并且提供Vue.js中用来获取数据的API。

第9章重点介绍如何编写Web项目的前端页面，这样就能完整地展现整个Web项目的开发流程。

第10章介绍网站部署和上线的相关知识，涵盖在不同场景中的打包方法、防火墙设置和网站优化等相关内容。

读者对象

·Vue.js与Node.js技术爱好者；

·JavaScript程序员；

·Web开发人员；

·Web项目负责人和产品经理；

·对网站开发感兴趣的人员；

·互联网产品开发者；

·高校相关专业的学生；

·相关培训学校的学员。

配套资源获取

本书涉及的源代码文件等相关资源需要读者自行下载。请在华章公司的网站（www.hzbook.com）上搜索到本书，然后单击“资料下载”按钮，即可在本书页面上找到下载链接。另外，读者也可以关注作者的微信公众号“科技集散地（tech-jsd）”进行获取。

致谢

感谢参与本书出版的所有编辑！也感谢在本书写作过程中给予我帮助的人！更要感谢我的家人，正是有了他们的支持，我才得以坚持下去！最后还要感谢本书的各位读者，本书因你们而有价值。