以Java Web项目为例浅谈前后端分离开发模式
作者：Cloud-Future 发布时间：2023-02-14 23:00:42
为什么要前后端分离？
以Java Web项目为例，在传统的开发模式中，前端代码（Html、js、css）写在JSP中，甚至JSP中嵌入Java代码。当用户访问网站时，页面数据也就是Html文档，由Servlet容器将jsp编译成Servlet，然后将jsp中的html，css，js代码输出到浏览器，这个过程需要经过很多步骤，才能响应用户的请求。这个过程非常繁琐，效率低下，直接造成了页面响应速度慢的效果。从项目维护的角度上，传统的开发模式，前端代码和后端代码耦合在一起，导致代码混乱不堪，极大的降低了项目的可维护性，增加了维护成本。从开发角度来看，研发人员在开发过程中，不仅要设计后端架构还要兼顾前端展示，导致开发效率低下，延长开发周期。扬长避短，为什么不让专业的人去做专业的事？
传统的开发模式下的系统数据交互图：
传统开发模式的劣势和不足：
开发出的软件响应速度慢，质量差，用户体现差。
前后端严重耦合，代码混乱，可维护性差。
研发人员前后端兼顾，开发效率低下，研发周期变长。
为了解决传统开发模式中的这些病痛，前后端分离框架应用而生。
什么是前后端分离？
在前后端分离的开发模式中，后端仅返回前端所需的数据，前端负责渲染HTML页面，后端不再控制前端的效果，用户看到什么样的效果，从后端请求的数据如何加载到前端中，都由前端自己决定，后端仅仅需要提供一套逻辑对外提供数据即可，并且前端与后端的耦合度相对较低，在这种模式中，我们通常将后端开发的每个视图都成为一个接口，或者API，前端通过访问接口来对数据进行增删改查。总结一句话，后台负责提供数据，前端负责数据展示，职责分离，分工明确。
对应的数据交互如下图：
前后端分离的优缺点？
为优质产品打造精益团队：
术业有专攻，通过前后端分离，让前后端工程师只需要专注于前端或者后端的开发工作，有利于编写出高质量的代码，培养开发工程师独特的技术特性，然后构建出一个全栈式的精益开发团队。
提高工作效率，分工更加明确：
前后端分离的工作流程可以使得前端专心前端，后端关心后端，两者开发同时进行，提高开发效率，页面的增加和路由的修改也不必再去麻烦后端，开发更加灵活。
降低服务器负载，系统性能提升：
通过前端路由的配置，我们可以实现页面的按需加载，无需一开始加载首页便加载网站的所有资源，服务器也不再需要解析前端页面，在页面交互及用户体验上有所提升。
增强代码的可维护性
前后端分离后，应用的代码不再是前后端混合，只有在运行期才会调用依赖关系，并且分层明确，应用代码变得整洁清晰。
对于你们的团队和产品有没有必要前后端分离？
要回答这个问题，需要从团队人员分配、人力资源和研发技能储备这三个方面出发，进行探讨决定。 如果团队人员比较少、人力资源不足，项目不大我觉得没必要前后端分离。
来源：https://blog.csdn.net/gybshen/article/details/91594272
0
投稿猜你喜欢
一、Flutter代码的启动起点我们在多数的业务场景下，使用的都是FlutterActivity、FlutterFragment。在在背后，- java中的set接口有如下的特点：不允许出现重复元素；集合中的元素位置无顺序；有且只有一个值为null的元素。因为java中的set接口模
- 本文实例讲述了C#使用默认浏览器打开网页的方法。分享给大家供大家参考。具体实现方法如下：public static bool OpenBro
- 当前，JVM生态圈主要的三大构建工具：Apache Ant(带着Ivy)MavenGradle对于初学者，Ant是最清晰的，只要读懂Xml配
- 写在前面SpringBoot创建定时任务的方式很简单，主要有两种方式：一、基于注解的方式（@Scheduled）二、数据库动态配置。实际开发
- 咱们废话不多说进入主题、系统主页展示：用户登录后进行系统首页：主要功能模块如下、分角色管理、超级管理员拥有最高权限、可以进行菜单灵活控制、用
- 今天给大家分享纯注解版spring与mybatis的整合mybatis包下：有这几个，上面图片没有展开配置Bean：MyBatisAutoC
- （一）打包与运行SpringBoot项目快速启动(Linux版)基于Linux (CenteroS7)安装JDK，且版本不低于打包时使用的J
- SpringCloud @FeignClient 参数详解今天因为工作中遇到FeignClient一个奇葩的bug，后面仔细研究了，找出了原
- 一：什么是Hystrix在分布式环境中，许多服务依赖项中的一些将不可避免地失败。Hystrix是一个库，通过添加延迟容差和容错逻辑来帮助您控
- 引言对于Nacos大家应该都不太陌生，出身阿里名声在外，能做动态服务发现、配置管理，非常好用的一个工具。然而这样的技术用的人越多面试被问的概
- 前言自从国产之光fastjson频频暴雷，jackson json的使用是越来越广泛了。尤其是spring家族把它搞成了默认的JSON处理包
- 刚刚接触Java不久，写法上和一些术语还不是很熟悉，如有不对的地方，希望指正。本次学生成绩系统要求能实现成绩录入， * ，绩点计算，退出系
- 一、准备工作1、pom依赖在pom.xml中加入POI的依赖<dependency> <groupId>org.ap
- 本文实例讲述了c#与js随机数生成方法。分享给大家供大家参考。具体如下：1. C#产生随机数方法：Random rd = new Rando
- 本文实例讲述了C#定时关闭窗体的方法，分享给大家供大家参考。具体方法如下：public partial class Form2 : Form
- 对于触摸屏，其原生的消息无非按下、抬起、移动这几种，我们只需要简单重载onTouch或者设置触摸 * setOnTouchListener即
- 本文为大家分享了Java实现文件上传下载功能的具体代码，供大家参考，具体内容如下前端通过form表单的enctype属性，将数据传递方式修改
- 本文我们要谈的七大原则，即：单一职责，里氏替换，迪米特法则，依赖倒转，接口隔离，合成/聚合原则，开放-封闭 。1.
- sqlite是啥？1、一种轻型数据库2、关系型数据库3、占用资源很低，几百K内存，适合嵌入式设备4、支持windows、linux、unix
