Mysql+Echarts+Python+Flask实现前后端交互及数据可视化

前言

社区版Pycharm实现python+flask+echarts+Mysql实现简单的前后端交互。
新手入门，记录经验，欢迎交流。

一、首先检测Flask框架是否成功？

首先，在你的项目下中安装flask库。
具体步骤为file->settings->Python Interpreter，点击“+”，在搜索栏中输入flask，搜索并安装。
第二步，在你的项目下新建一个python文件，在这里我将其命名为test.py，内容如下：

from flask import Flask
app = Flask(__name__)
@app.route('/')
def index():
    return '<h1>Hello World</h1>'
if __name__ == '__main__':
    app.run(debug=True)

点击运行，可以看到下面有一个“http://127.0.0.1:5000/”，点击进入后就可以看到“Hello World”字样，测试到此成功！！！激动不！！！

二、正式部署Mysql+Echarts+python

1.建立Mysql数据库

前后端交互当然要先有一个后端啦，我使用的是Navicat来操作Mysql，（既然大家都做到前后端交互了，那Mysql的使用一定不在话下，这里不再赘述），数据库名为data,表名为people_flow，内容如下:

2.Mysql连接

在你的项目下新建两个文件夹，分别命名为static、templates。把echarts.min.js放在static文件夹下（echarts.min.js可以在echarts官网进行下载）。
第二步，在你的工程项目下新建server.py文件，代码示例如下：

from flask import Flask, render_template
import pymysql
app = Flask(__name__)
@app.route("/")
def my_echart():
    conn = pymysql.connect(host='127.0.0.1', user='你的数据库用户名', password='你的数据库密码', db='你的数据库名，在这里为data')#建立数据库连接
    cur = conn.cursor()
    sqlmale =