flask前后端数据通信流程

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路由下的服务端


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 实现对应模板,实现页面显示。

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