web前端怎么配合后端开发?如何交互?

猿友 2021-05-28 14:22:27 浏览数 (10954)
反馈

很多人对 web 开发不是很了解,为什么一个 web 应用要分成前后端开发呢?一起开发不好吗?其实随着软件工程化的概念逐渐深入后,很多公司都会按照软件工程学的观点,把开发和测试分离,把前端和后端分离。那么前后端分离后,前端与后盾如何交互?前端又该怎么配合后端开发呢?接下来就让小编来告诉你。

为什么要进行前后端分离

最开始的时候,web 应用只需要后端开发工程师,前端的工作也由后端进行开发。因为刚开始对 web 应用的美观要求没有那么高,而且这个时候有很多使用动态页面(每次请求服务器都会动态生成一个页面),所以当时并不存在前后端之说,只有后端在苦逼的做开发。后来,客户逐渐要求更好看的页面,这时候就出现前后端了。以 java 为例,最开始使用 servlet 就能进行后端开发(直接使用 servlet 输出一个 HTML 文件流)。但是为了降低代码耦合程度(使用 MVC 模型),出现了 JSP(一种动态生成 HTML 的技术,让 HTML 在 JSP 中生成,servlet 不再处理页面的生成,只专注于逻辑和数据的处理)。这时候后端就可以把页面开发单独提出来给前端开发了,这个阶段因为 JSP 也要会一定的 java,所以又出现了一种叫 EL 的语言(在 JSP 中使用,比 java 简单,准确的来说应该称其为表达式,EL 表达式使前端不需要掌握 java 也能获取服务器数据)。前端在页面开发的同时还要兼顾页面美观,所以对 CSS 的要求也提升了。再往后,JSON 和 AJAX 让前后端彻底分了家。前端只需要开发静态页面,然后用 AJAX 与后端进行数据交互,然后将后端返回的数据拿到前端进行渲染,就能达到现代 Web 应用的效果。自此,前端只需要负责展示页面的开发,一些简单逻辑以及与后端的数据交互,后端只需要负责给前端传递数据以及一些关键的服务。这样子的开发模式使整个 web 应用的耦合度更松了(前端可以用静态的 json 取代动态的 json 来开发,后端测试的时候只需要测试输出的 json)。

前后端怎么交互?

上面有介绍了,他们可以通过 json 进行数据交互,前端通过 AJAX 进行 json 的发送和接收,通过 json 解析获取数据,后端通过相关的技术( java 和 python 都有专门解析和发送 json 的包,比如 java有​net.sf.json​ 包)。

前端如何配合后端开发

一般有两种方式。一种是前端规定接口,后端负责接口实现的。由于数据的展现处理都是由前端进行实现,所以前端可以要求后端给定相应格式的 json。另一种方式是前后端一起协定接口定义。因为前端对后端了解比较少,所以如果只由前端定义接口,到时候接口会很混乱,前后端一起协定接口定义,后端在开发的时候就能对接口进行封装,使后端开发更轻松。 

小结

现在的前后端分离,更多的是后端去配合前端进行功能实现,所以与其说是前端配合后端开发,不如说是后端配合前端开发。这个时候前端跟后端进行接口定义的时候,前端一定要有一定的主动权,不然后端给你的 json 可能会让你的心情变得郁闷。

学习前端与后端交互课程,可以到 W3Cschool 编程课学习。

前端与后端交互必备:Ajax + JSON 入门课程

后端开发:W3Cschool编程课-后端课程


1 人点赞