Vue+Spring Boot前后端分离开发实战（计算机科学与技术丛书）

本书以实战项目为主线，以理论基础为核心，引导读者渐进式学习Vue+Spring Boot。Vue可以驱动采用单文件组件和Vue生态系统支持的库来开发复杂的单页面应用，Spring Boot框架是目前微服务框架的最佳选择之一。利用Spring Boot+Vue 的完美结合，能够让我们在开发前后端分离项目时得心应手，从而快速开发大型SPA应用。

本书共18章，分为Vue篇和Spring Boot篇。Vue篇（第1~9章）详细讲述Vue框架的技术知识点，以及纯前端打造的项目，从Vue框架基本语法的使用，逐步深入到Vue实战项目的运用；Spring Boot篇（第10~18章）从零起步，系统深入地剖析Spring Boot的核心知识点及Spring Boot整合的众多流行技术。本书示例代码丰富，实际性和系统性较强，并配有视频讲解，助力读者透彻理解书中的重点、难点。

本书既适合初学者入门，精心设计的案例对于工作多年的开发者也有参考价值，并可作为高等院校和培训机构相关专业的教学参考书。

贾志杰，资深全栈架构师，精通 Java、C、Python、Web前端、Scale等多种开发语言，对Spring Boot、Spring Cloud等微服务架构颇有研究。曾参与移动警务应用管理系统、重点场所视频检索分析系统、客流测定与模拟推演系统，以及中国银行全球托管系统、数字图书管理系统、交通银行项目等的设计与开发。

目录

Vue篇

第1章大前端时代

1.1网页设计发展历史

1.1.1传统网页开发

1.1.2新前端网页开发

1.2MVVM风格架构

1.2.1为什么会出现MVVM

1.2.2MVVM架构的最佳实践

1.2.3MVC、MVP和MVVM开发模式比较

第2章认识Vue.js

2.1Vue简述

2.1.1什么是Vue

2.1.2为什么选择Vue

2.2Vue的三种安装方式

2.3Vue开发工具

2.4第一个Vue程序

第3章Vue基础语法

3.1模板语法

3.1.1插值

3.1.2指令

3.1.3过滤器

3.2实例及选项

3.2.1数据选项

3.2.2属性选项

3.2.3方法选项

3.2.4计算属性

3.2.5表单控件

3.2.6生命周期

3.3模板渲染

3.3.1条件渲染

3.3.2列表渲染

3.3.3template标签用法

3.4事件绑定

3.4.1基本用法

3.4.2修饰符

3.5基础demo案例

3.5.1列表渲染

3.5.2功能实现

第4章自定义指令

4.1指令的注册

4.2指令的定义对象

4.3指令实例属性

4.4案例

4.4.1下拉菜单

4.4.2相对时间转换

第5章组件

5.1什么是组件

5.2组件的基本使用

5.2.1全局注册

5.2.2局部注册

5.2.3DOM模板解析说明

5.3组件选项

5.3.1组件props

5.3.2props验证

5.3.3单向数据流

5.4组件通信

5.4.1自定义事件

5.4.2$emit/$on

5.5内容分发

5.5.1基础用法

5.5.2编译作用域

5.5.3默认slot

5.5.4具名slot

5.5.5作用域插槽

5.6动态组件

5.6.1基本用法

5.6.2keepalive

5.6.3activated钩子函数

5.6.4异步组件

5.6.5ref和$refs

5.7综合案例

第6章过渡与动画

6.1元素/组件过渡

6.2使用过渡类实现动画

6.2.1CSS过渡

6.2.2CSS 动画

6.2.3自定义过渡的类名

6.2.4CSS过渡钩子函数

第7章前端工程化

7.1Vuecli

7.1.1Node.js

7.1.2NPM

7.1.3基本使用

7.2项目打包与发布

7.2.1使用静态服务器工具包发布打包

7.2.2使用动态Web服务器(Tomcat)发布打包

7.3Vuedevtools

7.3.1Vuedevtools的安装

7.3.2Vuedevtools使用

第8章UI组件库和常用插件

8.1Elementui

8.2Vuerouter

8.2.1基本用法

8.2.2跳转

8.2.3路由嵌套

8.2.4路由参数传递

8.3Axios

8.3.1基本使用

8.3.2jsonserver的安装及使用

8.3.3跨域处理

8.3.4Vue中Axios的封装

8.4Vuex

8.4.1初识Vuex

8.4.2基本用法

8.4.3模块组

第9章实战： 百度音乐项目（160min）

9.1音乐列表

9.1.1跨域配置

9.1.2音乐列表导航栏

9.2歌手信息

9.3歌曲播放

9.4轮播图

9.5搜索实现

Spring Boot篇

第10章进入Spring Boot世界

10.1Spring Boot简介

10.2Spring Boot环境准备

10.2.1JDK环境

10.2.2开发工具IDEA

10.2.3安装与配置Maven

10.3Spring Boot的三种创建方式

10.3.1在线创建

10.3.2通过 Maven创建

10.3.3使用Spring Initializer快速创建

10.4Spring Boot 项目结构介绍

10.4.1目录结构

10.4.2启动类

10.4.3POM 文件

10.4.4配置文件

10.5Spring Boot在Controller中的常用注解

第11章Spring Boot整合Web开发

11.1Spring Boot访问静态资源

11.2整合Thymeleaf

11.2.1Thymeleaf使用

11.2.2语法规则

11.3Spring Boot返回JSON数据

11.3.1常用数据类型转为 JSON 格式

11.3.2Jackson中对null的处理

11.3.3封装统一返回的数据结构

11.4Spring Boot中的异常处理

11.4.1自定义异常错误页面

11.4.2使用@ExceptionHandler注解处理局部异常

11.4.3使用 @ControllerAdvice 注解处理全局异常

11.4.4配置 SimpleMappingExceptionResolver 类处理异常

11.4.5实现 HandlerExceptionResolver 接口处理异常

11.4.6一劳永逸

11.5配置嵌入式Servlet容器

11.5.1如何定制和修改Servlet容器的相关配置

11.5.2注册Servlet三大组件——Servlet、Filter、Listener

11.5.3替换为其他嵌入式Servlet容器

11.6在Spring Boot中使用拦截器

第12章应用开发

12.1文件上传与下载

12.1.1单文件上传

12.1.2多文件上传

12.1.3文件下载

12.2定时器

12.2.1Task

12.2.2Quartz

12.3Spring Boot发送Email

12.3.1发送邮件需要的配置

12.3.2使用Spring Boot发送邮件

第13章Spring Boot 热部署和Postman工具

13.1devtools热部署

13.1.1热部署原理

13.1.2devtools应用

13.2Postman工具

13.2.1Postman介绍

13.2.2Postman下载安装

13.2.3Spring Boot基于Postman的RESTful接口调用

第14章Spring Boot整合数据库

14.1非关系数据库和关系数据库的区别

14.2整合Redis缓冲

14.2.1Redis简介

14.2.2Redis的安装

14.2.3Redis 数据库操作

14.2.4Spring Boot整合Redis

14.2.5Redis缓冲在Spring Boot项目中的应用

14.3整合MongoDB

14.3.1MongoDB简介

14.3.2MongoDB 安装

14.3.3常用命令

14.3.4Spring Boot整合MongoDB

14.4整合MySQL

14.4.1MySQL简介

14.4.2Spring Boot整合MySQL

第15章Spring Boot整合持久层技术

15.1整合JdbcTemplate

15.2整合MyBatis

15.2.1MyBatis简介

15.2.2Spring Boot整合MyBatis

15.3Spring Data JPA

15.3.1JPA、Spring Data、Spring Data JPA的故事

15.3.2整合Spring Data JPA

15.3.3CORS跨域配置

15.4RESTful 风格

第16章Spring Boot安全框架

16.1认识Spring Security

16.1.1入门项目

16.1.2角色访问控制

16.2基于数据库的认证

16.2.1Spring Security基于数据库认证

16.2.2角色访问控制

16.2.3密码加密保存

16.2.4用户角色多对多关系

16.2.5角色继承

第17章项目构建与部署

17.1Jar部署

17.2War部署

第18章部门管理系统（170min）

18.1技术分析

18.2项目构建

18.2.1前端项目搭建

18.2.2后端项目搭建

18.2.3数据库设计

18.3查询数据

18.3.1后端实现

18.3.2前端实现

18.4加载菜单

18.4.1引入ElementUI

18.4.2菜单

18.5带分页数据查询

18.5.1后端接口实现

18.5.2前端实现

18.6部门员工信息的录入

18.6.1后端接口实现

18.6.2前端实现

18.7部门数据编辑

18.7.1后端接口实现

18.7.2前端实现

18.8部门数据删除

18.8.1后端接口实现

18.8.2前端实现

前言

不同终端的兴起，对开发人员的要求越来越高，纯浏览器端的响应式页面已经不能满足用户体验的要求，需要针对不同的终端开发不同的定制版本； 为了提升开发效率，前后端分离的需求越来越被重视，前端主要负责页面的展现和交互逻辑； 后端主要负责业务和数据对接，我们可以定制开发多个版本。

本书共分为18章，各章主要内容如下：

第1章介绍前端的历史，以及前端如何从静态页面过渡到如今的单页面应用及MVVM架构风格。

第2章主要介绍Vue是什么，以及Vue引入网页的方式、开发工具等。

第3章讲解Vue的基础语法。

第4章讲解Vue除了允许核心功能默认内置的指令(vmodel和vshow)，也允许注册自定义指令。

第5章深入讲述属性、事件和插槽这3个Vue基础概念、使用方法及其容易被忽略的一些重要细节。组件可以扩展 HTML 元素，封装可重用的代码。

第6章介绍Vue过渡和动画在恰当的时机添加或删除CSS 类名。

第7章介绍Vue工程化，在脚手架工具的基础上进行二次开发，为项目的开发提供了很好的底层内容。

第8章主要讲解Vuerouter客户端路由，使用它处理客户端请求路径、代码执行和数据展示等问题。Axios是一个基于 promise 的 HTTP 库，在Vue中Axios是比较常用的网络请求方法。Vuex状态管理能够在一个集中的空间处理应用状态。

第9章通过移动端百度音乐实战项目让读者提前体验前后端分离的魅力。

第10章讲解Spring Boot开发环境、IDEA构建Spring Boot项目及Spring Boot目录结构等。

第11章介绍Thymeleaf模板引擎，以及Spring Boot异常的处理等。

第12章介绍在实际项目中的应用开发，如文件上传与下载、定时器及Email的发送。

第13章讲述Spring Boot的热部署和Postman工具。

第14章深入介绍Spring Boot集成关系数据库和非关系数据库，以及开发应用。

第15章介绍Spring Boot整合持久层技术，并进行应用开发。

第16章介绍Spring Security的基础知识，Spring Boot如何集成Spring Security，利用Spring Security实现数据库数据认证授权。

第17章介绍Spring Boot项目的打包和部署。

第18章为部门管理系统实战，通过实战项目对本书知识点进行应用和总结。

本书特色

企业通常要求程序员既要有实战技能，也要内功扎实，对于新项目可以快速上手，熟悉底层原理后还应后劲十足，因此在笔试和面试时结合底层知识、实战应用、设计思维三方面进行考查。针对这3个方面的需求，我编写了本书。本书有三大特点。

第一，注重实战应用。本书精心设计的案例对于工作多年的人也具有很高的参考价值； 书中引入了两个项目，让读者体验“编程之美”和“编程之乐”。

第二，理论讲解丰富。深入浅出，环环相扣，让读者更容易理解。

第三，设计者思维植入。本书可以让读者从知其然进化到知其所以然。一名优秀的程序员不仅要有良好的编码能力，还要有对整个项目的设计思想和把控能力，为以后的发展铺下“高速公路”。

在实战情景中学习，学完即知如何快速应用到实际工作中。

读者定位

本书系统讲述基础知识和实战项目，适合Vue初学者、前端工程师、前后端分离爱好者，以及Java语言开发人员、Spring Boot开发人员等阅读，希望此书能给大家带来实用价值。

源代码和教学视频下载

本书源代码请扫描下方二维码下载。扫描书中二维码可观看本书配套视频讲解。

本书源代码

由于编者水平有限，书中难免存在疏漏，敬请读者批评指正。

贾志杰

2021年1月