当前位置：首页 > news >正文

Python-Flask-Dive

news 来源：原创 2025/5/13 5:29:33

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>