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(‘[email protected]#$%^&*()‘)
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‘)

原文地址:https://www.cnblogs.com/whycai/p/11772592.html

时间: 2024-11-01 14:28:12

flask处理数据,页面实时刷新展示的相关文章

websocket实现数据库更新时前端页面实时刷新

websocket实现数据库更新时前端页面实时刷新 javaweb 目录(?)[+] userjsp ManagerServletjava 如题,实现以上功能,我知道主要有两大种思路: 轮询:轮询的原理是隔一段时间向服务器发送一个请求,这里不累述.这里主要谈一下第二种思路. websocket进行前后端通讯:websocket是html5的新协议,基于TCP,在一次握手后,建立http连接,实现客户端与服务端全双工通信.相比较轮询机制,节约资源,不需要频繁的请求. 下面通过最精简的javaweb

Vue+WebSocket 实现页面实时刷新长连接

Vue+WebSocket 实现页面实时刷新长连接:https://www.cnblogs.com/fmixue/p/9110074.html 看完让你彻底搞懂Websocket原理:https://blog.csdn.net/frank_good/article/details/50856585 webSocket长连接实现demo(场景:扫码自动跳转登录,或者替换轮询):https://blog.csdn.net/GordoHu/article/details/78293803 原文地址:h

js实现股票实时刷新数据

近来学习炒股,免不了上班时间看盘,总不能光明正大的用电脑看行情,一直盯着手机影响也不好,容易引起“关注”. 所以就想自己做一个网页来达到看盘的目的,一个只显示几个关键数字的网页肯定不会引起怀疑.有想法了,就开始实现吧. 准备工作: 1.数据来源 2.网页数据显示 先帖出来源码,后面讲解 <!-- 说明:股票看盘 作者:黑桃A 时间:2014-04-14 --> <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//

Android TabHost切换选项卡实现数据实时刷新

手机界面大小有限,使用TabHost可以达到在一个Activity中放入多个容器(界面)的效果.但存在一个问题是,当数据信息在一个容器(界面)中有所改变时,需要在用户切换选项卡到其他容器(界面)的时候实时刷新数据. 如图,在”发布板报“页面发布新的板报,当用户点击“浏览板报”或者“管理板报”选项卡时要刷新数据——显示出刚刚发布的板报. 解决问题的关键在于对选项卡修改事件的监听,根据Tab ID来调用相应的方法. 核心代码: @Override public void onCreate(Bundl

如何做页面自动刷新,又不用让用户按回车键来提交数据!

假设叶面中有如下form: <form name=InputDate> ... </form> 如果页面要自动刷新,但该页面有Request.Form,那么通常会出现一个提示框,需要用户确定来提交数据,这就不是自动 刷新了.而对于监控或股票显示来说,不要用户干预又非常重要,下面就可以解决该问题: <Script Language="JavaScript"> <!-- var limit="0:60" //定义刷新时间 if

Vuex数据页面刷新丢失问题解决方案

用Vue做项目开发很久了,对于vuex能用.会用,但是因为状态脱离页面和刷新丢失两个原因,一直都有种抵触,特别是一些简单的数据都是通过query或者本地存储就解决了,然而对于一些复杂内容,不可避免的还是要使用Vuex去处理(真香),但是刷新丢失的问题,的确叫人头大.最近闲下来,我们来研究下怎么干掉这个问题- 不大了解Vuex的同学,可以先去官网溜溜 由于Vuex的数据是存储在内存中的,相当于memory cache,当页面刷新的时候内存被清空重载新内容,原来的数据就丢了,为了解决这个我们可以借助

vue项目中数据改变之后刷新页面

页面实时更新的方法: 1.window.onload.reload() 2.this.$route.go(0) 3.推荐使用该方法刷新页面 ①  <router-view v-if="isRouterAlive"/> ② APP组件中操作: data 中定义变量 data () { return { isRouterAlive: true } } ③ methods中定义方法 reload() { this.isRouterAlive = false this.$nextT

vue删除表格内的数据后局部刷新页面

遇到的问题:如标题. https://www.cnblogs.com/Yachne/p/11864523.html 上面博客,第一眼没看太懂,所以打算整理一下 解决思路:把调用api,加载数据做成一个方法(onSeach),用created初始化,再在删除/添加方法里重新加载该方法(onSeach),这样就实现了页面局部刷新页面. 另有两个方法会刷新整个页面,造成短暂空白,不太建议用. location.reload() this.$router.go(0) 把加载页面数据的请求做成一个方法 这

1.使用SignalR实现页面即时刷新(服务端主动推送)

模块功能说明: 实现技术:sqlserver,MVC,WebAPI,ADO.NET,SignalR(服务器主动推送) 特殊车辆管理--->移动客户端采集数据存入数据库---->只要数据库数据有变化,服务端自动推送到Wbe页面展示(区别于传统的web请求)-->审核人员审核数据-->返回审核结果给移动客户端 在开发之前搜索了大量文档,也在QQ群咨询过群里的大牛,不少人都感觉比较懵逼的样子.有人建议使用ajax中的长连接,轮询等技术,最终还是决定使用SignalR技术实现页面刷新的效果