flask前后端通信流程

flask前后端通信流程

  • flask前后端通信流程
    • 1.后端刷新页面的流程
    • 2.前端刷新页面的流程

flask前后端通信流程

对于服务器开发工程市来说,前端页面的刷新分后端刷新和前端刷新。后端刷新的实现是通过模板+数据的方式实现的。前端的刷新的实现是通过jQuery的Ajax+jQuery动态加载HTML、CSS方式实现的。
不管后端刷新还是前端刷新,他们都是需要通过HTTP/HTTPS通信协议这种协议实现数据通信,使用请求和响应完成一次完整的Web通信过程。

1.后端刷新页面的流程

  1. 实现服务器的API接口文档;
  2. 使用Flask实现Web服务器应用程序的构建;
  3. 实现前端请求的URL,声明对应Route路由,一般情况下,一个URL对应一个路由;
  4. 实现对应路由的视图函数,每个视图函数都需要对应一个视图容器(模板),在这个视图函数中进行数据+模板的方式进行服务器的响应;
  5. 实现对应模板,模板是通过jinjia2第三方插件的方式,使用模板语法来实现数据的动态显示;

2.前端刷新页面的流程

  1. 实现服务器的API接口文档;
  2. 使用Flask实现Web服务器应用程序的构建;
  3. 使用JS或者jQuery获取标签数据,生成并保存数据;
    flask前后端通信流程_第1张图片
  4. 使用jQuery中的Ajax生成请求将前端数据传送给对应的URL;
    flask前后端通信流程_第2张图片
  5. .URL对应的路由的视图函数收到数据进行数据比对,返回respond(包括可判断的条件数据以及前端请求数据);
    flask前后端通信流程_第3张图片
  6. 使用Ajax接受数据进行判断跳转页面并且渲染页面;

你可能感兴趣的:(flask前后端通信流程)