SpringBoot+Vue讲解系列介绍（本专辑实体书已出版）

2021年8月更新：本专辑已出版实体书，详见文章最后。

最近一直在开发Spring Boot及Spring Cloud前后端分离的分布式项目，打算把平时记录在本地的项目代码、笔记及疑难问题等整理汇集成文章发表。

博文可以归纳为三大部分：Spring Boot讲解、Vue讲解、Spring Boot+Vue前后端分离开发讲解

最新整理出来的应该是SpringBoot全家桶及Vue技术。

1.教育理念

熟悉我的人应该知道，我的教育方法是把要教的技术抽取出一条主线，让学习者可以没有负担的进入该技术之门，能够快速上手，利用该技术进行开发工作。

我不会详细讲解该技术众多的API，不会去铺开罗列每个属性、每个方法、每个配置，因为如果那样的话，每个小技术都可以写本书了。事实上，这些API都可以在使用的时候通过搜索引擎、或是官方API文档知道。

我希望的是学习者通过我的引导，可以自己探索该技术的更高阶知识，养成自我学习的方式方法，解决问题的方式方法。

2.注意事项

本套教程起点较高，面向的群体是已经会使用SSM开发的人群，如果没有这些技能的学习者，请先学会使用SSM并开发出至少一个小项目来，这是学习本套课程的最低限度。

本次笔者使用的工具是Intelli IDEA，如果没有正版的同学，可以使用Spring官网的提供的STS（Spring Tools Suite ）工具进行开发，此工具基于eclipse内核开发的，适合初学者上手。另外，开发工具之间大同小异，用哪个工具不会影响你成为大牛。

后续完成后，可能再撰写SpringCloud相关的博文，有问题的朋友也可以与我联系76523775。

3.贯穿项目

初步设想，通过一个《人事管理系统》项目完成SpringBoot与模板引擎Thymeleaf结合，使用Bootstrap或Layui技术做传统的网站（请求–>controller转发页面，及Jquery进行ajax通信传递Json数据），逐渐演变成Vue+ElementUI技术，完成前后端分离的SPA（单页面系统）开发与部署。

贯穿项目已经设计完毕，界面大致如下，使用Vue+Element UI实现：

4.涉及技术

其中贯穿技术后端会以SpringBoot推荐技术为主。为了更好的让学习者从中受益，我会对涉及到的技术与竞争技术进行比较，或是先使用广为人知的技术实现初版，之后替换为笔者认为更好的技术实现第二版，如Spring Data JPA与MyBatis，Spring Security与Shiro。前端开始会使用模板引擎Thymeleaf技术搭配Bootstrap UI框架，以及使用Jquery的ajax进行通信，最后改造为使用Vue与ElementUI的前后端分离技术，使用axios进行数据通信。

其中涉及的技术罗列如下：

• SpringBoot
• SpringMVC
• Spring
• MyBatis
• Thymeleaf
• 数据库连接池：HikariCP
• Spring Data JPA
• 日志：LogBack、Log4j2
• Restful风格URL，SwaggerAPI接口文档生成工具
• 定时任务：spring task，quartz
• Redis缓存技术
• Spring Security安全框架实现认证与鉴权
• Vue ElementUI前后端分离开发
• 前后端分离下跨域访问及JWT鉴权

5.已完成文章：

《SpringBoot讲解一：搭建SSM项目+Thymeleaf+HikariCP》

《SpringBoot讲解二：显示层技术架构演变及Thymeleaf模板引擎》

《SpringBoot讲解三：使用Spring Data JPA替换掉Mybatis框架》

《SpringBoot讲解四：Spring Data JPA精讲》

《SpringBoot讲解五：日志组件之Logback和Log4j2》

《SpringBoot讲解六：定时任务之Spring Task和Quartz》

=======
本专辑在编写期间由编辑推荐，现已由电子工业出版社博文视点出版。书名为《Spring Boot+Vue开发实战》，各大电商平台及实体书店有售，欢迎大家支持。

全章节知识点融入贯穿项目，学以致用式开发实战
从SSM+jQuery到Spring Boot+Vue前后端分离无缝过渡
领略Web应用系统前后端技术、架构三十年发展历程

适合掌握SSM，最低限度会Java Web的人学习。

本书特色

本书会对当前软件开发中最前沿、最流行的Spring Boot和Vue进行全面介绍，并使用贯穿项目实战。鉴于Spring Boot的学习需要一定的框架基础，本书会使用SSM框架开发项目的第一版，并随后替换成Spring Boot，让读者对比感受到使用Spring Boot的好处。逐渐追加其他开发中常见的技术，和Web前端技术一起完成传统Web项目。然后再进行前端工程化及Vue的技术讲解，最终完成前后端分离架构的项目，并部署上线。
项目贯穿
Spring Boot和Vue代表当前后端开发和前端开发最高层的应用技术，如果是介绍理论知识、罗列各技术API、针对每个章节做小练习的方式，读者会是管中窥豹，无法真正掌握这些技术、并应用到实处。如果是在学完所有知识后再开始一个项目案例开发，也会给读者造成整体理解项目功能、技术选型、协调配置的困难。常常是花了很多时间和精力，却最终与收获不成正比。
所以本书的创新是以一个Alan人事管理系统作为贯穿项目，将每章所讲解的技术及时融入其中，让读者充分明白该技术在实际项目中有什么用和怎么用。为了便于读者回顾所学的知识，新项目不会在原项目上直接修改，而是复制原项目，建立新项目，层叠式的追加技术，直到完成最终版。抛去为了学习技术本身而建立的项目，Alan人事管理系统的前后端项目总数会超过30个，具体可参见后文的本书章节概要介绍。
涉及技术广泛
本书几乎包括行业中所有常见技术，工具上使用WebStorm和Intellij IDEA进行前后端的开发，前后端项目构建使用npm、Maven，利用MySQL存储数据。项目开发完毕后会通过VMware搭建发行版为CentOS的Linux环境，并使用Nginx在该环境下部署运行。
后端技术包括：Spring Boot、Spring Boot Test、Spring、Spring MVC、MyBatis、JSTL、Tomcat、Jetty、HikariCP、Logback、Log4j2、Thymeleaf、Spring Data JPA、Redis、Spring Cache、Spring Security、JWT、RESTful、Swagger、Spring Rest Docs、Mock MVC、Spring Task、Quartz、Lombok等。
前端技术包括：HTML、CSS、JavaScript、jQuery、Bootstrap、AJAX、NodeJS、Webpack、Babel、ECMAScript、Vue、Vue CLI、vue-cli-service、Local Storage、Vuex、Element UI、axios等。
循序渐进
本书当面临解决相同应用场景有多个常用技术可选时，会将该功能使用不同技术实现，进行横向对比，让读者感受到各个技术的优势劣势，例如使用MyBatis、Spring Data JPA实现持久层，使用Spring Task、Quartz实现定时任务。
如果解决同一场景的问题的技术出现了时代上的更替，但旧技术没有被完全淘汰，仍然在行业中有较广泛的使用时，会进行纵向对比，让读者明白新技术的好处。例如会使用JSTL充当模板引擎，然后替换成Thymeleaf；会使用传统Web项目架构和前后端分离架构。
本书会理清前后端技术三十年的发展脉络，让读者能够具备根据实际项目的规模、应用场景，做好恰当的架构设计和技术选型的能力。