Html|前后端分离模式的思考

简介: Html|前后端分离模式的思考

1 引言

前后端分离从端口划分就是将浏览器、客户端分为前端,提供真实服务的软件就成为后端。从开发语言的角度划分后端的编程语言和前端的编程语言,例如Java是做后端真实数据服务的,JavaScript、HTML是做前端业务数据的展现与用户行为操作的。

2 为什么会出现前后端分离?

为什么会出现前端和后端分离模式,这得从有前后端分离开发模式之前的开发模式说起。我们先看下面两张图。

图 1 介绍

第一张图是非前后端分离。

首先,我们通过图片可以看出,一个项目的开始从产品经理,其次是设计工程师,其次是前端开发工程师......最后才是运维工程师进行项目部署。这样一个项目才算的上真正的开发完成了。

这样的开发模式全程是一个串行的模式,从外观就有点像一条龙服务的模式,后者依赖于前者。用编程中的一个词语就是,高藕和。

图 2 效果

第二张图是前后端分离。

首先,我们通过这张图片可以看出,一个项目的开始同样是从产品经理,接着就是设计工程师负责。

最重要的一点,我们看设计工程师在负责的同时,后端工程师和前端工程师都在同样的进行开发,这样三者是处于并行进行。

然后设计工程师设计完之后,交付给前端工程师,后端开发工程师完成之后可以和前端工程师做对接。

这三者完成之后,接下来就是测试工程师,最后同样的是运维工程师负责。这样一个项目才算的上真正的开发完成了。

通过这种模式,我们不难看出,在产品经理完成之后,不再是单独的设计工程师完成之后交给前端工程师,然后在交给后端工程师,而是三者可以处于并行的一个状态。

目录
相关文章
|
6月前
|
Web App开发
在HTML中用meta控制浏览器默认模式
在HTML文档的`<head>`标签中,通过添加不同的`<meta>`标签可指定浏览器默认使用的内核。使用`<meta name="renderer" content="webkit">
83 1
|
7月前
|
前端开发
前端必看的8个HTML+CSS技巧 (七)混合模式(Blend)
前端必看的8个HTML+CSS技巧 (七)混合模式(Blend)
|
移动开发 前端开发 开发者
在HTML5中DOCTYPE的作用是什么?标准与兼容模式(混杂模式)各有什么区别?
在HTML5中DOCTYPE的作用是什么?标准与兼容模式(混杂模式)各有什么区别?
134 0
|
移动开发 前端开发 JavaScript
仅使用HTML和CSS的亮暗模式按钮切换
建立仅html和css的亮暗模式切换的快速指南。文章末尾给出了完整代码
195 0
|
移动开发 JavaScript 前端开发
HTML中的JavaScript文档模式
HTML中的JavaScript文档模式是指浏览器在解析HTML文档时采用的模式,它可以影响文档的呈现方式和JavaScript的行为。本文将介绍文档模式的分类和作用,以及如何设置文档模式。
html-day05margin的问题&标准模式&常用属性
html-day05margin的问题&标准模式&常用属性
uiu
|
Web App开发 编解码 前端开发
HTML+CSS各类布局模式介绍
HTML+CSS各类布局模式介绍
uiu
188 0
html+css实战103-内减模式
html+css实战103-内减模式
233 0
html+css实战103-内减模式
html+css实战81-显示模式-模式转换
html+css实战81-显示模式-模式转换
126 0
html+css实战81-显示模式-模式转换
html+css实战82-显示模式-标签嵌套
html+css实战82-显示模式-标签嵌套
85 0
html+css实战82-显示模式-标签嵌套

热门文章

最新文章

下一篇
无影云桌面