SpringBoot+Vue讲解系列介绍

最近打算把平时记录在本地的项目代码、笔记及疑难问题等汇集成博文发表。

因为最近一直是在使用SpringBoot及SpringCloud全家桶技术,所以最新整理出来的应该是SpringBoot全家桶及Vue技术。

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

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

其中涉及到的技术罗列如下:

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

博文归纳为两部分:
《SpringBoot讲解》
《SpringBoot+Vue讲解》

贯穿项目已经设计完毕,界面大致如下,使用Vue+Element UI实现:
SpringBoot+Vue讲解系列介绍
已完成文章:
SpringBoot讲解一:搭建SSM项目+Thymeleaf+HikariCP

SpringBoot讲解二:使用Spring Data JPA替换掉Mybatis框架

后续完成后,可能再撰写SpringCloud相关的博文。