Vue.js+Node.js开发实战:从入门到项目上线

Vue.js+Node.js开发实战:从入门到项目上线

查阅电子书
手机扫码
  • 微信扫一扫

    关注微信公众号

因版权原因待上架

编辑推荐

通过构建一个完整的Web项目,详解前后端分离架构技术,展现Web全栈开发的全流程。全面涵盖服务器购买、NoSQL数据库设计、Vue.js前端开发、Node.js后端开发、Nginx代码部署及Git版。

内容简介

《Vue.js Node.js开发实战:从入门到项目上线》以JavaScript语言为基础,以一个完整的网站开发过程为主线,系统地介绍了一整套面向Web项目的开发技术,如使用Node.js搭建服务端,使用NoSQL数据库管理数据,使用Vue.js开发前端UI,使用Nginx部署代码,使用Git管理版本等。通过阅读本书,读者可以了解网站从开发到上线的整个过程。

《Vue.js Node.js开发实战:从入门到项目上线》共10章,涵盖的主要内容有:网站开发的准备工作Node.js、Express和Vue.js项目开发基础知识,数据库和工程化开发常用工具,Express后端开发关键技术,Vue.js前端开发基础知识,Vue.js高级开发技术,Web项目开发需求分析和功能说明,Web项目后端API开发,Web项目前端页面开发,网站部署和上线。

《Vue.js Node.js开发实战:从入门到项目上线》内容通俗易懂,讲解图文并茂,适合Web开发的入门与进阶人员阅读,尤其适合Web全栈开发人员及项目开发人员阅读。另外,本书还适合作为高等院校相关专业学生的参考读物,亦可作为相关培训机构的实训教材。

作者简介

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

章节目录

版权信息

前言

本书特色

本书内容

读者对象

配套资源获取

致谢

第1章 开发一个网站的准备

1.1 如何从零开始建设一个网站

1.1.1 网站建设流程

1.1.2 网站开发技术和工具

1.2 第一步:购买一个域名

1.2.1 域名简介

1.2.2 如何通过阿里云购买域名

1.3 第二步:域名的备案和解析

1.3.1 域名的实名认证和备案

1.3.2 域名相关解析

1.4 第三步:购买一台服务器

1.4.1 云服务器

1.4.2 服务器的后台管理

1.5 小结与练习

1.5.1 小结

1.5.2 练习

第2章 Node.js+Vue.js项目开发基础

2.1 Node.js简介

2.1.1 Node.js的前世今生

2.1.2 在Windows中安装Node.js

2.1.3 在Linux中安装Node.js

2.1.4 第一个Node.js示例

2.2 Node.js后端框架Express

2.2.1 Express的发展

2.2.2 Express的安装

2.2.3 Express项目示例

2.2.4 RESTful API规范

2.3 页面显示框架Vue.js

2.3.1 Vue.js简介

2.3.2 Vue.js的安装

2.3.3 用Vue.js编写Hello World

2.3.4 用Vue.js编写Hello World

2.3.5 其他页面显示框架

2.4 JavaScript代码编写——IDE的选择

2.4.1 编写基础的JavaScript代码

2.4.2 JavaScript开发利器

2.5 小结与练习

2.5.1 小结

2.5.2 练习

第3章 项目开发准备

3.1 初识数据库

3.1.1 数据库简介

3.1.2 SQL数据库和NoSQL数据库

1. SQL数据库

2. NoSQL数据库

3.2 MongoDB介绍

3.2.1 为什么选择MongoDB

3.2.2 在Windows中安装MongoDB

3.2.3 在Linux中安装MongoDB

3.3 Redis简介

3.3.1 为什么选择Redis

3.3.2 在Windows中安装Redis

3.3.3 在Linux中安装Redis

3.4 版本控制

3.4.1 版本控制简介

3.4.2 Git和GitHub简介

3.4.3 安装和使用Git

3.5 测试工具

3.5.1 浏览器自带的开发者工具

3.5.2 Postman插件

3.6 小结与练习

3.6.1 小结

3.6.2 练习

第4章 项目后台技术Express

4.1 开发Express应用程序

4.1.1 Express应用程序生成器

4.1.2 Express提供的路由

4.1.3 使用Express托管静态文件

4.2 Express和数据库交互

4.2.1 连接MongoDB数据库

4.2.2 使用对象模型驱动连接MongoDB

4.2.3 如何定义模型

4.2.4 Node.js和Redis集成

4.3 Express高级应用

4.3.1 Express中的中间件

4.3.2 Express错误处理

4.4 小结与练习

4.4.1 小结

4.4.2 练习

第5章 项目前端开发之Vue.js基础知识

5.1 Vue.js开发基础

5.1.1 安装Vue.js与Webpack

5.1.2 Webpack常用配置详解

5.1.3 Vue.js条件渲染

5.1.4 Vue.js列表渲染

5.1.5 Vue.js输入监听

5.1.6 Vue.js事件处理

5.2 Vue.js的生命周期

5.2.1 生命周期与钩子函数

5.2.2 演示Vue.js的生命周期

5.3 Vue.js的模板语法

5.3.1 文本

5.3.2 JavaScript表达式

5.3.3 v-bind绑定动态属性

5.4 Vue.js的组件化

5.4.1 组件化简介

5.4.2 组件的创建

5.4.3 组件的注册

1. 全局注册

2. 局部注册

5.4.4 组件间的数据传递

5.4.5 监听子组件事件

5.4.6 通过插槽分发内容

5.5 小结与练习

5.5.1 小结

5.5.2 练习

第6章 Vue.js高级应用

6.1 Vue.js的vue-router库

6.1.1 Vue.js的页面路由实现

6.1.2 使用vue-cli初始化Vue.js项目

6.1.3 安装和配置vue-router

6.1.4 动态路由匹配

6.1.5 路由嵌套

6.1.6 路由跳转

6.1.7 导航守卫

6.2 Vue.js的状态管理库Vuex

6.2.1 状态管理与store模式

6.2.2 使用Vuex的情形

6.2.3 在Vue.js组件中获取Vuex状态和Getter对象

6.2.4 更新Vuex中的store

6.2.5 Vuex模块的划分

6.3 Vue UI库

6.3.1 Element UI库

6.3.2 Ant Design of Vue UI库

6.3.3 iView UI库

6.4 小结与练习

6.4.1 小结

6.4.2 练习

第7章 项目需求分析和功能说明

7.1 内容发布网站的需求分析

7.1.1 系统设计需求和技术说明

7.1.2 后端接口需求

7.1.3 前端页面需求

7.2 项目策划和功能设计

7.2.1 项目功能策划

7.2.2 项目模块划分

7.2.3 项目后端API路由定义

7.2.4 项目前端页面路由定义

7.3 项目原型图和流程图

7.4 小结与练习

7.4.1 小结

7.4.2 练习

第8章 项目后端API开发

8.1 开发前的准备工作

8.1.1 初始化项目

8.1.2 连接数据库

8.1.3 配置服务应用列表

8.2 通用API开发

8.2.1 获取页面导航栏的API开发

8.2.2 获取底部详细内容的API开发

8.2.3 获取友情链接的API开发

8.2.4 获取首页轮播图的API开发

8.2.5 获取热点文章列表内容的API开发

8.2.6 获取文章列表的API开发

8.2.7 获取文章详情的API开发

8.2.8 获取文章评论的API开发

8.2.9 获取分类内容的API开发

8.2.10 记录文章浏览量的API开发

8.3 用户权限相关API开发

8.3.1 用户模块开发前的准备工作

8.3.2 用户评论文章的API开发

8.3.3 获取用户资料的API开发

8.3.4 修改用户资料的API开发

8.3.5 发送私信的API开发

8.3.6 获取私信列表的API开发

8.3.7 获取私信的API开发

8.3.8 用户注册的API开发

8.3.9 用户登录的API开发

8.3.10 文章分类列表的API开发

8.3.11 文章“点赞”和“踩”功能的API开发

8.3.12 文章收藏功能的API开发

8.3.13 获取收藏文章列表的API开发

8.4 后台管理相关API开发

8.4.1 文章添加和修改的API开发

8.4.2 文章发布和删除的API开发

8.4.3 添加和修改分类的API开发

8.4.4 获取全部用户列表的API开发

8.4.5 封停用户的API开发

8.4.6 修改首页轮播内容的API开发

8.4.7 修改导航内容的API开发

8.4.8 修改底部内容的API开发

8.4.9 修改友情链接内容的API开发

8.4.10 其他权限判断

8.5 小结与练习

8.5.1 小结

8.5.2 练习

第9章 前端页面开发

9.1 项目前期准备

9.1.1 创建新项目

9.1.2 选择UI库

9.1.3 安装HTTP请求库

9.2 主要页面的开发

9.2.1 主页

9.2.2 文章总列表页

9.2.3 文章分类结果页

9.2.4 文章详情页

9.3 用户相关页面及权限的开发

9.3.1 登录页

9.3.2 注册页

9.3.3 用户信息页

9.3.4 在导航栏中增加用户信息

9.3.5 私信功能

9.3.6 文章评论功能

9.3.7 文章的收藏和点赞功能

9.3.8 查看所有收藏

9.4 管理员页面的开发

9.4.1 管理员页面路由设置

9.4.2 文章编辑页

9.4.3 文章管理页

9.4.4 用户管理页

9.5 小结与练习

9.5.1 小结

9.5.2 练习

第10章 网站的部署和上线

10.1 远程连接服务器

10.1.1 虚拟机简介

10.1.2 虚拟机的安装

10.1.3 远程连接云服务器或虚拟机

10.2 搭建服务器部署环境

10.2.1 配置pm2

10.2.2 构建用于发布的Vue.js程序

10.2.3 使用Nginx部署静态文件

10.3 在服务器端部署代码

10.3.1 服务器的防火墙设置

10.3.2 使用Git部署代码

10.4 网站优化常用方法

10.4.1 优化应用

1. 项目代码的优化

2. 项目运行环境的优化

10.4.2 使用nw.js打包项目

10.5 小结与练习

10.5.1 小结

10.5.2 练习

附录A 检测Node.js是否支持ES 6的语法

附录B npm安装过慢的解决方法

Vue.js+Node.js开发实战:从入门到项目上线是2020年由机械工业出版社华章分社出版,作者张帆。

得书感谢您对《Vue.js+Node.js开发实战:从入门到项目上线》关注和支持,如本书内容有不良信息或侵权等情形的,请联系本网站。

购买这本书

你可能喜欢
Web全栈项目开发入门与实战 电子书
本书共26章,围绕着企业项目开发基本流程来设计,分为项目概述、前端开发和后端开发三个部分。项目概述部分一共有4章。第1章是项目需求设计,主要介绍该项目的项目背景和项目内容。第2章是业务模块介绍,围绕着项目内容展开介绍项目核心业务模块。第3章是业务流程图。通过office自带的Visio工具将各大业务流程以流程图的形式呈现。第4章是项目开发周期,介绍开发本项目需要花费的时间周期。前端开发部分一共有1
C++ 开发从入门到精通 电子书
本书的特色是实现了入门知识、实例演示、范例演练、技术解惑、综合实战5大部分内容的融合,让读者看得懂、用得上、学得会。 一本书的容量,讲解了入门类、范例类和项目实战类三类图书的内容。 丰富的配套资源学习更高效 440个实例,更多的实践演练机会 837分钟视频讲解,降低学习难度 290个拓展实例,真正地举一反三 101个技术解惑,破解学习难点 “技术讲解”→范例演练”→“技术解惑”贯穿全书,全面掌握C++语言开发 技术讲解:通过145个实例,循序渐进地讲解了C开发的各个知识点。 范例演练:290个拓展范例和5个综合实例,使读者真正具有项目实战能力。 技术解惑:把容易混淆的概念单独讲解和剖析,帮助读者绕过学习中的陷阱。 QQ群 网站论坛实现教学互动,形成互帮互学的朋友圈 网站论坛:读者答疑/学习辅导/PPT资源下载读者 QQ群:疑惑快速解答/和作者直接交流
C语言开发从入门到精通 电子书
本书循序渐进、由浅入深地详细讲解了C语言开发的技术,并通过具体实例的实现过程演练了各个知识点的具体使用流程。全书共22章,第1~4章分别讲解了C语言开发的基础知识,包括C语言简介,安装开发工具等;第5~10章分别讲解了函数、输入/输出、流程控制、数组操作等知识,这些内容都是C语言技术的核心知识;第11~20章分别讲解了指针、结构体、共用体和枚举、链表、位运算、预编译、文件操作、错误调试和高级编程技
Visual Basic 开发从入门到精通 电子书
本书由浅入深地详细讲解了VisualBasic(简称VB)的开发技术,并通过具体实例的实现过程演示了各个知识点的具体应用。全书共24章,其中第1章讲解了VisualBasic技术的基础知识,包括搭建开发环境和编写首段VisualBasic程序;第2~10章分别讲解了VisualBasic的基础语法、条件语句、流程控制、数组、函数和控件应用等知识,这些内容都是VisualBasic开发技术的核心知识
移动Web开发从入门到精通 电子书
本书以零基础讲解为宗旨,用实例引导读者学习,深入浅出地介绍了移动Web开发的相关知识和实战技能。本书第1篇【基础知识】主要讲解网页和网站制作基础、搭建移动Web开发环境、打造移动Web应用程序等;第2篇【核心技术】主要讲解与移动Web开发相关的核心技术和工具,包括HTML、HTML5、CSS、JavaScript、jQueryMobile、PhoneGap等,还通过实例介绍了移动设备网页的开发方法