浅谈-认识前后端分离

浅谈-认识前后端分离

前言：近几天实现了一个简单登录查询功能的vue3+springboot5的小项目，根据我的理解来进行浅谈一下前后端分离我的感受，并记录下来。

前后端分离简单来说，就是从 整合在一个项目文件里面才能看到的页面效果 变成了 两个不用整合在一个项目文件就能够看到的页面效果

前后端分离的概念感觉越来越离我们很近。首先是前端主流框架流行，页面功能逐渐趋向复杂多样化，并且有正在趋向系统化的形式，我们现在更应该认识和了解什么是前后端分离的概念了。

一、传统单体结构（java）

1. 前端：html页面

2. 后端：后端开发

3. 前端+后端：整合html到jsp，整合成一个项目

4. 页面既视感：

   • 前端：只能看到自己的页面，及伪数据

   • 前端与后端：组合页面

   • 组合后通过一个端口查看变化

整合起来比较麻烦，对于不懂后端的前端工作者在整合的时候更麻烦。

二、前后端分离（例：vue+springboot）

1. 前端：

   • vue及其他框架页面搭建
   • 基本js操作
   • 使用路由、域访问衔接页面
   • 从后端拿到数据封装到前端

2. 后端：后端开发，完全不需要自定义页面

3. 页面既视感：

   • 一个前端端口，一个后端端口

   • 前端和后端：通过前端端口 可实时直接看到从后端取数据后的 前端页面

可以看出，前后端分离更适合我们普遍的社会需求，提高合作开发效率。

三、总结

我们可以发现，前端工作量明显增大，让前端更加专一前端，而且会的东西也需要很多，并且前端技术迭代很快，需要学习的东西也变化很快。比如vue3与springboot5开发，开两个服务端口，一个热部署前端，一个简单后端，前端工作量比较大一点；相反，后端只需要后端开发即可，少了很多整合页面的工作。

前端和后端工作更加专一，结合更加系统化。