flask前后端通信流程
对于服务器开发工程市来说,前端页面的刷新分后端刷新和前端刷新。后端刷新的实现是通过模板+数据的方式实现的。前端的刷新的实现是通过jQuery的Ajax+jQuery动态加载HTML、CSS方式实现的。
不管后端刷新还是前端刷新,他们都是需要通过HTTP/HTTPS通信协议这种协议实现数据通信,使用请求和响应完成一次完整的Web通信过程。
1.后端刷新页面的流程
- 实现服务器的API接口文档;
- 使用Flask实现Web服务器应用程序的构建;
- 实现前端请求的URL,声明对应Route路由,一般情况下,一个URL对应一个路由;
- 实现对应路由的视图函数,每个视图函数都需要对应一个视图容器(模板),在这个视图函数中进行数据+模板的方式进行服务器的响应;
- 实现对应模板,模板是通过jinjia2第三方插件的方式,使用模板语法来实现数据的动态显示;
2.前端刷新页面的流程
- 实现服务器的API接口文档;
- 使用Flask实现Web服务器应用程序的构建;
- 使用JS或者jQuery获取标签数据,生成并保存数据;
![在这里插入图片描述](https://i-blog.csdnimg.cn/blog_migrate/d2699fd01b8b6f4f9ad628c5530e3725.png)
- 使用jQuery中的Ajax生成请求将前端数据传送给对应的URL;
![在这里插入图片描述](https://i-blog.csdnimg.cn/blog_migrate/ef2445b43bb0fee468d7782c8038044e.png)
- .URL对应的路由的视图函数收到数据进行数据比对,返回respond(包括可判断的条件数据以及前端请求数据);
![在这里插入图片描述](https://i-blog.csdnimg.cn/blog_migrate/1ab762719332c29bb80d539cea20d3af.png)
- 使用Ajax接受数据进行判断跳转页面并且渲染页面;