使用flask进行前端后台的数据交互

flask是一个轻量级的web框架，下面整理讲一下如何使用

其实步骤很简单者清派

1，初始化

app = Flask( name ),创建flask对象app，flask类的构造器必须指定的参数，如果是model的话，括号里就放model名，如果是单独应用可以使用 name 。

在首贺初始化之后，用config.update或者.debug两种方式来定义是否debug的参数。线上程序为了安全需将这个参数设置为false，也就是不让debug

2，路由

通过装饰器的方式将我们的方法转换为路由，具体方法如下：

3，前后端的交互方式

方式一：前端发送，后端接收

前端通过ajax或者form的submit来生成后端所需要的内容(ajax看上一页)

后端通过request.form来获取前端post的参数

方式二：后端发送，前端接收

后端通过模版引擎render_template来进行交互

后端通过return render_template(’hello.html’, name=name)来向hello.html页面进正尺行name的传递

Html页面放的地址必须在templates文件夹下。

前端获取方式：

{% if name %}

<h1>Hello {{ name }}!</h1>

最近在做毕业设计系统可视化的时候，分析框架选择了Python语言，但需要用前端来展示分析的结果，虽然考虑使用echarts图表来完成，对于简单的图表需要的数据格式简单，但是比如热力图所需的数据得自己去组装，Python后台画图很简单，一两句的事情，但是怎么把画好的图片放到html等搏闭前端显示呢，最近网上看了几个例子，但有些例子都没有达到正常显示图片，所以自己动手亲自试了一试。

原理：Python在后台把图片处理为Base64位的格式，再把Base64格式的图片在html用img控件显示。

flask页面中庆宽使用jinja2渲染引擎（使用真实值替换变量，再返回最终得到的字符串，这个过程称为“渲染”），在jinja2中，存在三种语法，有点类似springboot中thymeleaf的语法格式：

控制结构 ：{% %}

变量取值： {{ }}

注释 ：{# #}

启动flask程序后，在网页地基差裂址栏输入地址访问。

避坑，网上有许多例子是这样的：

flask 数据通信的流程  前后端刷新的方法

对于服务器开发工程师来说，

前端页面的刷新分：1、后端刷新2、前端刷新

后埋塌端刷新的实现是通过模板+数据的方式实现的

2、前端刷新是通过jQuery的Ajax +jQuery动态加载HTML、CSS的方式实现的

不管是后端刷新和前端刷新，它们都是需要通过HTTP/HTTPS通信协议，这种协议实现数据通信，使用请求和响应完成一次铅缓完整Web通信的过程。

1、后端刷新页面的流程

1.1实现服务器的API接口文档

1.2使用Flask实现Web服务器应用程序的构建

1.3 实现前端请求的URL，声明对应的Route（路由），一般情况下，一个URL对应一个路由。（？作用：声明？以后的都是参槐液模数，前边的是URL）

1.4 实现对应路由的视图函数，每个视图函数都需要对应一个视图容器（模板），在这个视图函数中进行数据+模板的方式进行服务器的响应。

1.5 实现对应模板，模板是通过jinjia2第三方插件的方式，使用模板语法来实现数据的动态显示。

2、前端刷新页面的流程

2.1创建一个请求对象；

2.2配置请求

2.3发送请求；

2.4接受请求。

---