个人网站：Geek交流圈
设计主要流程：
一、MCU通过串口发送数据到WIFI模块（esp8266）上
二、启动WIFI模块，设置为AP模式，利用AT指令
三、服务器通过TCP协议向客户端发送数据
四、客户端设计，与相应服务器连接
五、连接到MySQL数据库，将接收到的数据写入数据库对应表中
六、Python利用flask框架搭建网页
七、Python连接对应的MySQL数据库，查询对应表的数据
八、Python将查询到的变量返回到对应html上面显示
一、MCU通过串口发送数据到WIFI模块（esp8266）上
具体流程为：
1、初始化串口
2、发送数据函数
（1）发送单个字节函数
（2）发送字符串函数
二、启动WIFI模块，设置为AP模式，利用AT指令
设置完成过后，WIFI模块成为TCP服务器，开放热点，拥有IP地址和端口号。客户端可以连接模块的热点，利用TCP客户端，配置对应的IP地址与端口号，与服务器通信。
三、服务器通过TCP协议向客户端发送数据
发送的数据为字符串
四、客户端设计，与相应服务器连接
客户端程序流程：
1、网络头文件 网络库
#include#pragma comment(lib,"ws2_32.lib")
2、打开网络库
int WSAStartup( WORD wVersionRequired, LPWSADATA lpWSAData );
3、校验版本
2 != HIBYTE(wsaData.wVersion) || 2 != LOBYTE(wsaData.wVersion)
4、创建SOCKET
SOCKET socket( int af, int type, int protocol );
5、链接到服务器
int WSAAPI connect ( SOCKET s, const sockaddr *name, int namelen );
6、与服务器收发消息
收数据
recv(newSocket, szRecvBuffer, sizeof(szRecvBuffer), 0);
五、连接到MySQL数据库，将接收到的数据写入数据库对应表中
1、声明MySQL的句柄
MYSQL mysql, * sock;
2、配置数据库对应信息
3、设置字符集
4、将数据写入进test表中
六、Python利用flask框架搭建网页
HTTP客户端 — WEB服务器 —— WSGI —— Flask
1、flask框架
Flask框架——MTV（MVC） M(models)——模型层：用于数据库的建模 T(templates)——模板层：用于处理用户显示内容 V(views)——视图层：处理与用户交互的部分内容 M(models)———模型层：用于数据库的建模、处理 V(views)——视图层：用于处理用户显示内容 C(controller)——控制器：用于处理与用户交互部分内容
2、flask安装
在PyCharm软件下可以直接添加
3、flask基本结构
（1）app.py文件
from flask import Flask,render_template,url_for app=Flask(__name__,template_folder='.')
#template_folder为当前路径，如果不加这个参数，默认为同级 templates文件夹路径
（2）路由
@app.route('/')
（3）模块
def index():
return render_template('index.html')
（4）调试
if __name__ == '__main__': app.run(debug=True,port=5000) #port:端口，默认端口为5000,访问地址为localhost:5000/
（5）index.html文件
在搭建好基本的页面框架上，利用python与html编程，不断丰富页面设计。
七、Python连接对应的MySQL数据库，查询对应表的数据
1、PyCharm软件下配置MySQL环境
2、Python连接MySQL，查询对应表的数据内容
八、Python将查询到的变量返回到对应html上面显示
1、Python发送数据
2、对应html文件接收数据
html接收到返回的数据，相应的页面就能显示传来的数据，数据类型为字符串
