flask前后端数据通信流程
对于服务器开发工程师来说,前端页面的刷新分后端刷新和前端刷新,
后端刷新的实现是通过模板+数据的方式实现的,前端刷新的实现是通过jQuery的Ajax + jQuery动态加载HTML、CSS的方式实现的
不管是后端刷新还是前端刷新,它们都是需要通过HTTP/HTTPS通信协议,这种协议实现数据通信,使用请求和响应完成一次完整web通信的过程
##1、后端刷新页面的流程
1.1实现服务器的API接口文档
1.2使用flask实现Web服务器应用程序的构建
1.3实现前端请求的URL,声明对应Route路由,一般情况下,一个URL对应一个路由
1.4实现对应路由的视图函数,每个视图函数都需要对应一个视图容器(模板),在这个视图函数中进行数据+模板的方式进行服务器的响应
1.5实现对应模板,模板是通过jinja2第三方插件的方式,使用在这里插入代码片
模板语法来实现数据的动态显示
##2、前端刷新页面的流程
2.1 实现服务器的API接口文档
2.2 使用flask实现Web服务器应用程序的构建
2.3 实现前端请求的URL,将请求数据通过Ajax传输到对应Route路由下的服务端
<script>
$.ajax({
url:'http://127.0.0.1:5000/allusers',
dataType:'json',
success:function (data) {
console.log(data)
$('#show').html(data.message)
},error:function (jqXHR) {
console.log(jqXHR)
}
})
</script>
2.4 实现对应Route路由下的视图函数,用Ajax传来的请求数据与数据库 进行进行匹配,将有效的数据转换成json数据返回到客户端
@app.route('/allusers')
def all_users():
data = {
'message':'成功'
}
return json.dumps(data,ensure_ascii=False)
2.5 使用Ajax接收响应,并将其数据读取出来添加到对应的模板中
2.6 实现对应模板,实现页面显示。