小白快速上手前后端分离项目开发教程(springboot+vue)

本文基于springboot+vue，实现一个前后端分离项目的实操。通俗易懂，保证一学就会。同时能帮助大家更好的理解，什么是前后端分离开发？这个开发跟之前使用jsp或者模板引擎开发有什么不同。

一、为什么要前后端分离

在前后端没有分离之前，我们经历了很多的过渡阶段，有jsp+servlet的，后面springboot出现之后，就整合了模板引擎来进行开发，我们常用的模板引擎有thymeleaf，freemarker等。下面的这个图片就是使用thymeleaf+layui+springboot开发一个项目的时候我们的项目结构：

我们可以看到，代码都集成在一起，非常的不好管理，同事前后段开发人员之间的配合，也非常的不便利。这就是未分离之前的特点：

1、开发效率极低

2、前后端开发代码开发耦合度太高

3、调试起来非常困难

 

为了解决上面的问题，就有了我们现在的前后端分离开发的开发模式，

前端应用：负责数据展示和用户交互

后端应用：负责提供数据处理接口

前端应用通过ajax请求后端数据接口。前后盾开发人员提前约定好接口文档，便可以共同开发，各自推进。极大了提升了开发效率。

二、前后段分离项目怎么做

话不多说，我们直接来实操

1、通过vue搭建前端框架

2、基于springboot搭建后盾框架

看完上面的两个过程，大家应该对前后端分离的项目，已经有了一定的认识和理解。其实就是前端后台各干各的事互不影响。当然了我们的实例中的项目，是最最简单的后台查询数据，前台展示数据，并没有涉及到复杂的交互操作。后期我们再来慢慢探索更复杂的架构是如何做出来的。