前后端开发模式

前后端开发模式

一、传统的开发模式

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

这种模式的问题

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

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

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

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

image

2.前后端代码分离

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

3.并行开发

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

前后分离的优点

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

posted @ 2022-09-23 14:57  张张包~  阅读(249)  评论(0编辑  收藏  举报