前后端分离是什么？

Posted 2022-06-24 LC小钟

今天，来普及一个概念，就是前后端分离是什么。在未出现前后端分离之前，公司里的后端开发基本上上就是全栈开发，前端开发的重要性不是很明显，此时的前端就是提供一个静态的、初始的html文档给后端就可以了。

随着科技的进步以及互联网的发达，前后端分配任务的不均程度表现得越来越严重，带来了前后端分工不明确、前端页面由后端处理等问题，对于很多大公司、业务量大的企业来说，亟需要一个前后端分工明确的开发平台，让工作处理起来更顺畅、更和谐，因此，前后端分离技术就应运而生了。

有了前后端分离，两者的任务基本上就是对等的。后端可以从前端开发中脱离出来，只专注于做好数据处理，写一个接口通过JSON数据传给前端就可以了，能更专心地做好自己分内的事，而不需要对前端数据渲染、显示等问题做太多的考虑；对于前端来说，任务就会比以前重一点，提升了开发参与感，但是前端的主要任务还是专注于用户的浏览体验和UI设计等，此外，还增加了调用后端接口，返回后端数据，并且将后端的数据渲染到页面上来的任务。这样，两者的任务匹配相当，也能更专注于做好各自领域的事情，快速提升效率。

这里要谈到的是流辰信息的IBPS低代码开发平台，流辰研发团队深度思考了前后端分离的定义和价值，IBPS3.0版本微服务架构的技术亮点之一就是前后端分离，除此之外，还有统一服务注册、配置中心；系统全面微服务接口化；业务解耦，微服务独立部署；表单控件组件化开发等更多技术亮点。

关于IBPS前后端分离的方案，我们开看看两者的优势亮点分别是什么。

（一）前端解决方案

1、采用Webpack的模块打包机制

2、基于vue构建用户界面的渐进式框架，采用Vue全家桶（vue-router、vuex、vue-cli、axios）

3、基于vue的ELement UL组件库和Vux的前端解决方案。4、Easy mock模拟后端数据结构。

5、同一套代码多端使用，即PC端、移动端可使用同一套前端代码。

6、控件组件化。

7、表单静态化，只需生成的代码其他系统可调用。

（二）后端解决方案

1、采用Spring Cloud的微服务，通过服务注册中心Eureka向外提供注册及访问服务。

2、支持使用客户自己的注册中心（基于Eureka)，我司主动去注册。

3、稳定的网关服务zuul。提供统一服务调用入口，更精准的对服务进行权限、流量等控制。

4、同时支持resful接口方式调用我司服务，无需注册中心及网关也可正常使用。

5、支持集群、分布式服务。

6、支持多种组件服务，如：消息服务、文件服务、定时任务等基础服务。

前后端分离是什么？通过上面的文字，相信大家对这个问题的答案都了如指掌了。

（部分资料来源于网络，如有侵权，请联系我们删除）