flask前后端通信流程

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获取标签数据,生成并保存数据;
    在这里插入图片描述
  4. 使用jQuery中的Ajax生成请求将前端数据传送给对应的URL;
    在这里插入图片描述
  5. .URL对应的路由的视图函数收到数据进行数据比对,返回respond(包括可判断的条件数据以及前端请求数据);
    在这里插入图片描述
  6. 使用Ajax接受数据进行判断跳转页面并且渲染页面;
  • 5
    点赞
  • 2
    收藏
    觉得还不错? 一键收藏
  • 2
    评论
评论 2
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值