当前位置: 首页 > java >正文

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代码示例

http://www.xdnf.cn/news/5673.html

相关文章:

  • 【Java学习笔记】多态参数
  • 深度强化学习有什么学习建议吗?
  • VC++快捷使用安装libcurl
  • NY135NY141美光固态闪存NY162NY163
  • 歌曲《忘尘谷》基于C语言的歌曲调性检测技术解析
  • 深度学习---常用优化器
  • Nexus 私有仓库 + Nginx 反向代理部署文档
  • 数据结构(五)——串、数组、广义表
  • Ubuntu 安装 Docker(镜像加速)完整教程
  • java问题总结
  • Java笔记4
  • Windows重置网络,刷新缓存
  • 实训九 软件包管理
  • Python笔记:windows下永久配置pip镜像源
  • QT5.14安装以及新建基础项目
  • XOCIETY 携手 adidas 推出限量版 NFT 皮肤系列
  • 网络基础1(应用层、传输层)
  • Android CountDownTimer重写
  • RDMA核心组件 的总结表格
  • RSA算法详解一:初识RSA
  • Python爬虫如何获取JavaScript动态渲染后的网页内容?
  • VUE3基础样式调整学习经验
  • yarn workspace使用指南
  • 配置集群(yarn)
  • 消息队列如何保证消息可靠性(kafka以及RabbitMQ)
  • MySQL全量、增量备份与恢复
  • Qt创建项目
  • 基于千眼狼高速摄像机与三色掩模的体三维粒子图像测速PIV技术
  • 前苹果首席设计官回顾了其在苹果的设计生涯、公司文化、标志性产品的背后故事
  • CentOS下安装MySQL数据库