Python-Flask-Dive
Python-Flask-Dive
适用Python编写一个Flask的快速上手模板，后续如果需要使用Python快速进行we端的验证可以直接下载使用
1-项目创建
本项目仓库代码地址：https://gitee.com/enzoism/python_flask_dive
1-Python环境
## 1-空工程初始化环境
mkdir my_project
cd my_project
python -m venv .venv## 2-激活环境
source .venv/bin/activate## 3-添加依赖
pip install flask
2-Python脚本
import timefrom flask import Flask, Response
from flask import render_templateapp = Flask(__name__)
# 定义主页路由
@app.route('/')
def home():return render_template('index.html')# 定义 SSE 事件流
@app.route('/sse')
def sse_stream():def event_stream():for i in range(20):yield f"data: 测试数据20-Message {i}\n\n"time.sleep(1)return Response(event_stream(),content_type='text/event-stream')# 启动并指定端口
if __name__ == '__main__':app.run(port=8080, debug=True)3-Index代码
<!DOCTYPE html>
<html lang="zh-CN">
<head><meta charset="UTF-8"><title>Python-Flask-DEMO-SSE</title>
</head>
<body>
<h1>SSE-数据推送-1</h1>
<div id="result"></div>
<script>// 创建 EventSource 实例，连接到指定的 SSE 服务const eventSource = new EventSource("http://127.0.0.1:8080/sse");// 监听 message 事件，当收到服务器发送的数据时触发eventSource.onmessage = function (event) {// 将收到的数据追加到页面的 result 元素中document.getElementById("result").innerText += "收到数据：" + event.data + "\n";};// 监听 error 事件，当 SSE 连接出现错误时触发eventSource.onerror = function() {// 打印错误信息到控制台console.log("SSE 连接失败");// 关闭 SSE 连接eventSource.close();};// 如果需要手动关闭连接，可以在合适的时机调用 eventSource.close()// eventSource.close();
</script>
</body>
</html>
2-运行效果
- 1）直接点击链接
注意事项：前端index.html中设置的是127.0.0.1，如何和你当前访问的IP地址保持一致，否则跨域。错误示例：localhost就不行，一定要两边保持hi一致
- 2）前端页面展示
当前是演示Python的SSE代码示例
