编程学习网 > WEB开发 > 前端与后盾如何交互?web前端怎么配合后端开发?(web前端与后端交互)
2023
02-20

前端与后盾如何交互?web前端怎么配合后端开发?(web前端与后端交互)

其实随着软件工程化的概念逐渐深入后,很多公司都会按照软件工程学的观点,把开发和测试分离,把前端和后端分离。那么前后端分离后,前端与后盾如何交互?前端又该怎么配合后端开发呢?本文编程学习网主要和大家介绍前端与后盾如何交互?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 可能会让你的心情变得郁闷。

以上就是“前端与后盾如何交互?web前端怎么配合后端开发?”的详细内容,想要了解更多web前端教程欢迎持续关注编程学习网

扫码二维码 获取免费视频学习资料

Python编程学习

查 看2022高级编程视频教程免费获取