首页 > 其他分享 >前后端开发模式

前后端开发模式

时间:2022-09-23 15:14:05浏览次数:39  
标签:前后 代码 分离 模式 开发 前端

前后端开发模式

一、传统的开发模式

前后端分离前我们的开发协作模式一般都是这样的:
image
前端写好静态的HTML页面交付给后端开发。静态页面可以本地开发,也无需考虑业务逻辑只需要实现View即可。
后端使用模板引擎去套模板,同时内嵌一些后端提供的模板变量和一些逻辑操作。

这种模式的问题

在前端调试的时候要安装完整的一套后端开发工具,要把后端程序员完全启动起来,遇到问题需要后端开发来帮忙调试,我们发现前后端严重耦合,还要后端人员有一些HTML、JS等前端语言的了解,前端页面还嵌套了很多后端的代码,如果后端要换一种语言,那么可能需要重新做,这就导致了前后端的开发进度受到了影响,从而大大降低了开发效率

二、前后端分离的开发模式

前后端分离并不只是开发模式,而是web应用的一种架构模式。在开发阶段,前后端工程师约定好数据交互接口,实现并行开发和测试;在运行阶段前后端分离模式需要对web应用进行分离部署,前后端之前使用HTTP或者其他协议进行交互请求。

1.客户端和服务端采用了RESTFul APL的交互方式进行交互

image

2.前后端代码分离

image
前后端代码库分离,前端代码中有可以进行Mock测试(通过构造虚拟测试对 象以简化测试环境的方法)的伪后端,能支持前端的独立开发和测试。而后端代码中除了功能实现外,还有着详细的测试用例,以保证API的可用性,降低集成风险。

3.并行开发

image
各自开发自己的,前端工程师在开发完成之后可以独自进行mock测试,而后端也可以使用Postman等接口测试软件进行接口自测,然后前后端一起进行功能联调并校验格式,最终进行自动化测试。

前后分离的优点

1.为优质产品打造精益团队
2.提升开发效率
3.完美应对复杂多变的前端需求
4.增强代码可维护性

标签:前后,代码,分离,模式,开发,前端
From: https://www.cnblogs.com/zxr1002/p/16722784.html

相关文章

  • 【设计模式】之策略模式
    场景引入假如你在A城市,要去B城市旅游,交通方式有以下几种选择:驾车火车飞机不难写出这样的代码:voidtransport(stringmethod){if(method=="drive"){......
  • 开发一个不需要重写成 Hive QL 的大数据 SQL 引擎
    开发一个不需要重写成HiveQL的大数据SQL引擎学习大数据技术的核心原理,掌握一些高效的思考和思维方式,构建自己的技术知识体系。明白了原理,有时甚至不需要学习,顺着原理......
  • 享元模式
    理论享元模式(Flyweight),运用共享技术有效地支持大量细粒度的对象。内部状态与外部状态:在享元对象内部并且不会随环境变化而改变的共享部分,称为享元对象的内部状态。而随......
  • 接口文档编写规范(前后端分离项目接口api)
    接口文档编写规范API规范api主要包括四部分:uri、请求方式、请求参数、返回参数,一般就是对这四部分做统一规范接口url:是否是rest风格的,统一标识,比如登录的url:/login......
  • 我作为 React 开发人员用来创建数据表的库
    我作为React开发人员用来创建数据表的库在本文中,我将讨论自2018年以来我用来在React应用程序中创建数据表的顶级React库。如今手动创建数据表并不是一种明智的方......
  • 作为一个菜鸟前端开发,面了20+公司之后整理的面试题
    应该在React组件的何处发起Ajax请求在React组件中,应该在componentDidMount中发起网络请求。这个方法会在组件第一次“挂载”(被添加到DOM)时执行,在组件的生命周......
  • vue 中如何使用基于 echarts 的 echarts-liquidfill 插件开发水球图
    前言echarts4官网:https://echarts.apache.org/v4/zh/option.html#series-scatter.coordinateSystemecharts5 官网:https://echarts.apache.org/echarts-liquidfill......
  • 【C++入门】(四)开发高级指针
    1.如何在堆中创建对象?1.1在堆中创建对象定义了类型Cat后,便可声明一个指向这种对象的指针,并在堆中实例化一个Cat对象,就像在栈中实例化一样Cat*pCat=newCat;......
  • 设计模式-结构型模式之装饰器
    实现AOP(面向切面编程)的一种便捷方式,额外扩展统一管理装饰器的实现我在语言进阶篇中有提到,这里不再赘述1fromdecoratorimportdecorator234@decorator5......
  • 在Winform开发中,我们使用的几种下拉列表展示字典数据的方式
    在Winform开发中中,我们为了方便客户选择,往往使用系统的字典数据选择,毕竟选择总比输入来的快捷、统一,一般我们都会简单封装一下,以便方便对控件的字典值进行展示处理,本篇随笔......