【星海出品】前后端是如何连通的

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

首先要了解七层模型的基础知识
七层模型，亦称OSI（Open System Interconnection）。参考模型是国际标准化组织（ISO）制定的一个用于计算机或通信系统间互联的标准体系，一般称为OSI参考模型或七层模型。

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

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

第一层和第二层有的有大的静态文件直接返回客户，则客户点击时不需要返回到数据层，或者物理层。如果有不常用的数据，则需要调用mysql等进行调用。

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

举个例子就是这样，比方说你在网页上填一个表格然后提交会有以下几种数据传输经过：
①你接触到的是这个网页是属于表示层，这个网页一般由HTML标签结合CSS/JAVASCRIPT来实现的。 这时候你要先填入数据。
②然后你按提交触发后台处理机制，这时候数据会传到后台的代码进行处理。这部分代码根据不同网站可以使PHP,JSP，JAVA等。
代码根据程序员预设的算法将收到的数据进行处理之后会相应的对数据库进行操作，存储数据等。
③成功操作完数据库之后，业务层的代码会再向表示层也就是显示器端传回一个指令通知你表格填写成功

1.浏览器通过互联网HTTP协议访问NGINX
2.静态内容（图片、JS、CSS、文件）都由Nginx负责提供WEB服务
3. Nginx配置代理。可以是Http和Socket通信。可以使用uwsgi协议
4. uWSGI服务程序提供uwsgi协议的支持，将从Nginx发来的请求封装后调用WSGI的Application。这个 Application可能很复杂，有可能是基于Django框架编写。这个程序将获得请求信息。
5.通过Django的路由，将请求交给视图函数（类）处理，可能需要访问数据库的数据，也可能使用了模板。最 终数据返回给浏览器。

如果前端是Rest，这里引用脚手架流程
User -> index.js -> ReactDom.render函数 -> Route -> component export 函数 -> 加载service export函数 -> 调用 component handleSubmit自定义函数 - > service axios -> 生成 request -> Django

如果后台是Django
流程为
User -> web <=> 前端处理模块/函数/算法 -> Django -> urls -> view <=> model/Template <=> Datebase