flask处理数据,页面实时刷新展示

背景:

后端 flask(python)处理数据,页面实时刷新,类似于打包页面的动态展示,展示效果如图:

代码如下:

 

前端主要使用以下循环处理, 2--- 2秒刷新一次

{% if 0 == stop %}
<meta http-equiv="refresh" content="2;url={{ url_for('test') }}">
{% endif %}

 

 

html:

复制代码
 1 <html>
 2 <head>
 3     {% if 0 == stop %}
 4     <meta http-equiv="refresh" content="2;url={{ url_for('test') }}">
 5     {% endif %}
 6 </head>
 7 <body>
 8 
 9 <div class="header">
10     <h4>标题XXX</h4>
11 </div>
12 <div class="body">
13     <form class="form" action="/test" method="post">
14         <div class="form">
15             <button class="btn btn-primary" type="submit" >开始</button>
16         </div>
17     </form>
18 </div>
19 
20 <div class="c" id="show2" >
21     <div class="header">
22         <h4>结果展示:</h4>
23         <p style="white-space:pre-line;">{{ s }}</p>
24     </div>
25 
26 </div>
27 </body>
28 <!- 根据自己实际路径填写>
29 <script type="text/javascript" src="static/js/main.min.js"></script>
30 <script type="text/javascript" src="static/js/jquery.min.js"></script>
31 
32 <script type="text/javascript">
33 
34 
35 </script>
36 </html>
复制代码

 

python代码如下:

复制代码
 1 from flask import Flask,render_template,request
 2 
 3 app = Flask(__name__)
 4 
 5 @app.route('/test',methods=['GET','POST'])
 6 def test():
 7     s = testDis()
 8     stop = 0
 9     # notify(access_token, ('调用地址:','tools_updateTimes'), ('调用名称','修改司机交易测试'),'','','','')
10     if s == 'z':
11         stop = 1
12     return render_template("test/test.html",s = s,stop=stop)
13 
14 
15 import random
16 def testDis():
17     s =random.choice('abcdefghijklmnopqrstuvwxyz!@#$%^&*()')
18     if s == 'a':
19         s = s+'\n'+s
20     return s
21 
22 if __name__ == '__main__':
23     app.run(host='0.0.0.0')
复制代码

 

posted @   菜小鱼~  阅读(17753)  评论(1编辑  收藏  举报
编辑推荐:
· go语言实现终端里的倒计时
· 如何编写易于单元测试的代码
· 10年+ .NET Coder 心语,封装的思维:从隐藏、稳定开始理解其本质意义
· .NET Core 中如何实现缓存的预热?
· 从 HTTP 原因短语缺失研究 HTTP/2 和 HTTP/3 的设计差异
阅读排行:
· 分享一个免费、快速、无限量使用的满血 DeepSeek R1 模型,支持深度思考和联网搜索!
· 使用C#创建一个MCP客户端
· ollama系列1:轻松3步本地部署deepseek,普通电脑可用
· 基于 Docker 搭建 FRP 内网穿透开源项目(很简单哒)
· 按钮权限的设计及实现
点击右上角即可分享
微信分享提示