前后端分离是什么?

Posted LC小钟

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了前后端分离是什么?相关的知识,希望对你有一定的参考价值。

今天,来普及一个概念,就是前后端分离是什么。在未出现前后端分离之前,公司里的后端开发基本上上就是全栈开发,前端开发的重要性不是很明显,此时的前端就是提供一个静态的、初始的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、支持多种组件服务,如:消息服务、文件服务、定时任务等基础服务。

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

(部分资料来源于网络,如有侵权,请联系我们删除)

以上是关于前后端分离是什么?的主要内容,如果未能解决你的问题,请参考以下文章

带头大哥777:为什么要前后端分离?

JavaWeb项目放弃jsp?为什么要前后端解耦?为什么要前后端分离?

浅谈架构之路:前后端分离模式

为什么要前后端分离?有什么优缺点?

面试官问:前后端分离项目,有什么优缺点?

[刘阳Java]_为什么要前后端分离