web后端和前端是怎么连接的

Posted

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了web后端和前端是怎么连接的相关的知识,希望对你有一定的参考价值。

网站数据处理主要分为三层。
第一,表示层,这部分可以用html代码,CSS/javascript代码来实现等。通过前端代码可以实现网页的布局和设计。这层又可以称为显示层。也就是你用浏览器打开能看到的网页。
第二层,是业务层,这层是负责处理数据的。常用的代码语言有php,JSP,Java等。通过这些后台处理语言的算法来处理前台传回的数据。必要的时候进行操作数据库,然后把结果返回给前端网页。
第三层,是数据层,这个就是数据库,用来存储数据的。通过业务层的操作可以实现增删改数据库的操作。
举个例子就是这样,比方说你在网页上填一个表格然后提交会有以下几种数据传输经过:
①你接触到的是这个网页是属于表示层,这个网页一般由HTML标签结合CSS/JAVASCRIPT来实现的。 这时候你要先填入数据。
②然后你按提交触发后台处理机制,这时候数据会传到后台的代码进行处理。这部分代码根据不同网站可以使PHP,JSP,JAVA等。 代码根据程序员预设的算法将收到的数据进行处理之后会相应的对数据库进行操作,存储数据等。
③成功操作完数据库之后,业务层的代码会再向表示层也就是显示器端传回一个指令通知你表格填写成功。
这就是基本的网站数据交换逻辑了
参考技术A

网站数据处理主要分为三层。

第一,表示层,这部分可以用HTML代码,CSS/Javascript代码来实现等。通过前端代码可以实现网页的布局和设计。这层又可以称为显示层。也就是你用浏览器打开能看到的网页。

第二层,是业务层,这层是负责处理数据的。常用的代码语言有PHP,JSP,Java等。通过这些后台处理语言的算法来处理前台传回的数据。必要的时候进行操作数据库,然后把结果返回给前端网页。

第三层,是数据层,这个就是数据库,用来存储数据的。通过业务层的操作可以实现增删改数据库的操作。

举个例子就是这样,比方说你在网页上填一个表格然后提交会有以下几种数据传输经过:

①你接触到的是这个网页是属于表示层,这个网页一般由HTML标签结合CSS/JAVASCRIPT来实现的。 这时候你要先填入数据。

②然后你按提交触发后台处理机制,这时候数据会传到后台的代码进行处理。这部分代码根据不同网站可以使PHP,JSP,JAVA等。 代码根据程序员预设的算法将收到的数据进行处理之后会相应的对数据库进行操作,存储数据等。

③成功操作完数据库之后,业务层的代码会再向表示层也就是显示器端传回一个指令通知你表格填写成功。

这就是基本的网站数据交换逻辑了

参考技术B 一个网页的组成
1、web前端通常指的是网页布局代码css+div‍这种还有部分连接数据库的代码
2、web后端通常指的是数据库脚本这些
web后端和前端的连接其实是通过网页中插入查询数据库代码然后将数据在用前端的网页代码进行处理的过程。比如php啦asp.net啦jsp啦这些都是前端用的代码。我也是初学者,希望这样讲你能明白。
参考技术C 1. web服务器(apache、tomcat等),网络协议(http、socket等),浏览器(chrome、FF、IE等)。浏览器发起建立连接请求,通过网络协议与服务器建立连接,服务器保持连接,获取浏览器想要的数据,服务器通过连接返回内容给浏览器,浏览器把数据呈现出来。
2. 连接的协议一般是http,也有websocket。服务器以服务的方式存在,就像外卖店,你打个电话过去,人家就把饭菜送上门来了。
3. web服务器访问数据库一样要使用网络连接,端口只是开放服务的入口而已,就像外卖的电话。
参考技术D

    先要有个web服务

    弄过服务容器

    把服务部署到服务器并启动

    通过服务地址通过客户端(如:浏览器)访问(发请求)

    容器解析请求并在后台查找对应服务(后台)

    处理完成后通过响应返回给前端


前端和后端怎么链接呀?

后端提供接口,前端使用jq的ajax、原生js的XMLHttpRequest、request或者axios模块等调用各自API,请求后端服务器地址,带上请求参数即可实现交互 参考技术A 前端即网站前台部分,运行在PC端,移动端等浏览器上展现给用户浏览的网页。简单地说,能够从 App 屏幕和浏览器上看到的东西都属于前端。前端技术一般分为前端设计和前端开发,前端设计一般可以理解为网站的视觉设计,前端开发则是网站的前台代码实现,包括基本的HTML和CSS以及JavaScript/ajax,最新的高级版本HTML5、CSS3,以及SVG等。
后端开发即“服务器端”开发,简单地说,那些你在屏幕上看不到但又被用来为前端提供支持的东西就是后端。后端开发主要负责产品的服务技术实现,包括业务逻辑,数据存储和处理,消息队列处理等。以及产品服务端接口实现,包括与前端的接口,第三方的接口,服务体系内部接口等。

以上是关于web后端和前端是怎么连接的的主要内容,如果未能解决你的问题,请参考以下文章

如果它们是分开的,如何部署后端和前端项目?

前端和后端怎么链接呀?

前端webSocket基础应用

前端开发和后端开发的区别?

基于 Laravel API 后端和 Vuejs 前端构建

带有JavaScript后端和前端的多人游戏。什么是最佳做法?