J2EE教程 前后端分离

---

步骤1:什么是前后端分离
步骤2:相关教程
步骤3:前端
步骤4:J2EE 方式
步骤5:SSM 方式
步骤6:Springboot 方式
步骤7:vue + springboot

步骤 1 : 什么是前后端分离

要搞清楚前后端分离概念，必须先搞清楚什么是非前后端分离。
在传统的做法里，比如servlet, springmvc,struts， tomcat 都会在后台运行 Java 代码，然后在后台生成全部的html 代码，接着通过 http 协议把 html 代码传输到浏览器。
这样做的问题是：
1. 在后台运行的时候，如果要连接很多数据库才能把需要的数据查出来，那么这个准备 html 的过程就会比较缓慢，同时生成的 html 也相对较大， 用户就有可能感受比较慢。
2. 前后端开发的联调耦合度也很高，有时候必须互相等待，这样双方的开发效率都降低了。

那么前后端分离什么概念呢？ html 页面的内容可以简单看成 包含数据部分和不包含数据部分。 所以先准备一个不包含数据的html， 把它传给浏览器，这个速度本身会非常快，因为没有最占时间的数据库操作部分。 然后再通过 Ajax 技术，仅仅从服务器获取“纯数据”，然后把纯数据显示在html上。
这样做的好处：
1. 即便是后台数据库比较花时间，但是用户体验也比前面的方式好，因为用户会先看到部分页面，过一小会儿再看到数据，比在空白页面打圈圈等待体验好。
2. 后端只提供数据，所以前后端开发耦合度降低了很多，整体开发效率可以得到较大提高。

步骤 2 : 相关教程

本站陆陆续续提供了各种技术实现的前后端分离，但是比较分散，导致很多同学误以为没有提供相关教程，本知识点就把这些前后端分离的教程归纳一下，方便大家学习。
前端部分需要掌握： AJAX和JSON
前后交互有3种实现： J2EE, SSM 和 Springboot。

步骤 3 : 前端

Ajax分原生和JQuery两种： 原生 Ajax，JQuery中的Ajax

JSON是数据传输格式： JSON 教程

步骤 4 : J2EE 方式

J2EE 方式 指通过 Servlet来做服务端： J2EE方式做前后端分离

步骤 5 : SSM 方式

SSM 方式 指通过 SpringMVC来做服务端： SSM方式做前后端分离

步骤 6 : Springboot 方式

Springboot 方式本质上也是通过 SpringMVC来做服务端： Springboot 方式做前后端分离

步骤 7 : vue + springboot

VUE.JS + RESTFUL + PAGEHELPER + THYMELEAF + SPRINGBOOT 前后端分离 CRUD 教程

更多内容，点击了解： https://how2j.cn/k/seperate/seperate-lesson/1743.html