Python Flask框架建立项目

ECharts实现全国空气质量查询
Python Flask框架建立项目
Flask项目建立
Flask项目编程
Python 爬虫爬取空气质量数据
Echarts实现空气质量查询网页
全国空气质量查询程序说明和下载

Flask项目建立

我使用的IDE是pycharm2020 专业版。

1、打开pycharm新建项目。点击“文件”->“新建项目”->“Flask”，然后输入保存目录。在这里选择编译环境，我使用的是Python 3.7（可以根据的实际情况选择），下面的“More Settings”默认就好。

2、创建的项目如下所示。

3、对于其它版本的pycharm可能没有Flask的快捷创建方式，我们可以自己创建，其实“static”和“templates”是两个空的文件目录。我们可以直接创建一个python项目。

创建后的项目结构是空的，如下所示。

我们点击项目，新建一个Python File，命名为app.py，然后建立两个“目录”，分别命名为“static”、“templates”即可，此时两个目录都是空的。

在新建的“app.py”中复制之前一样的代码，然后运行项目，可以看见我们的项目已经启动，点击或者在网页输入“http://127.0.0.1:5000/”，即可打开网页。

from flask import Flaskapp = Flask(__name__)        # 配置@app.route('/')              # 路由地址
def hello_world():          # 响应函数return 'Hello World!'if __name__ == '__main__': # 主函数app.run()

网页展示的内容为“Hello World!”。

至此，我们flask框架的建立便完成了。

书接上文。按照我们新建flask的框架，添加我们的代码。

Flask项目编程

1、基本的配置

from flask import Flask, request, render_template,jsonify# 配置设置
app = Flask(__name__)
app.config['DEBUG']= True                                       # DEBUG模式
app.config['SEND_FILE_MAX_AGE_DEFAULT']= timedelta(seconds=1)   # 默认缓存控制的最大期限，以秒计if __name__ == '__main__':app.run(debug=True)

2、设置展示网页的路由和对应的函数。这里我们设置了两个路由展示我们的两个网页，这两个网页的文件是保存在“templates”目录下。

# 城市空气质量查询
@app.route('/visual_histroy',methods=['post','get'])    # 路由地址、请求的方式包括“post”和“get”
def get_histroy():return render_template("histroy_time.html")         # 展示网页# 全国空气质量查询
@app.route('/visual_current',methods=['post','get'])
def get_current():return render_template("current_time.html")

3、设置其它的路由和对应的函数用于前后端进行数据交互。对于每个路由我们都接受“post”和“get”请求方式，其中一些路由把“get”请求返回默认数据。
前端向后端传输的数据我们通过“request”对象可以获取；根据“request”对象的数据我们可以获取相应的数据，并返回给前端；后端向前端传输的数据我们通过"flask"里的“jsonify”，转换为json格式传输。

from datetime import timedelta
from base_fun import get_now_time,read_data
from web_data import Histroy_data,pm25_86
# 以上函数是自己写的# 获取城市空气质量查询的数据更新响应
@app.route('/data',methods=['post','get'])
def get_cur_data():if request.method == "POST":return_dict = Histroy_data(request.values.get('city'), request.values.get('time'))      # 根据城市和时间，获取相应的数据return jsonify(return_dict)                     # 返回数据else:return_dict = Histroy_data("北京","2021年01月") # 默认读取北京，2021年01月的数据return jsonify(return_dict)# 获取地图json文件内容的响应
@app.route('/geo_map',methods=['post','get'])
def get_map():province_name = request.values.get('province_name')            # 读取地图print("获取地图：",province_name)filename = "./static/js/province/"+province_name+".json"  # 文件地址，文件是json格式return_dict = read_data(filename)                           # 读取地图文件数据return jsonify(return_dict)# 获取全国空气质量查询的数据更新响应
@app.route('/data_country',methods=['post','get'])
def get_country_data():if request.method == "POST":return_dict = pm25_86(request.values.get('province_name'))if return_dict:print("获取到数据：",return_dict)return jsonify(return_dict)else:return Noneelse:return_dict = pm25_86('全国')if return_dict:print("获取到数据：", return_dict)return jsonify(return_dict)else:return None# 实时时间的更新
@app.route('/time',methods=['post','get'])
def get_time():if request.values.get('name') == '现在':return get_now_time()

以上为flask框架里面有关路由的设置，接下来分别把flask调用的一些方法，和前端进行实现即可。