报表展现实时数据无闪刷新
展现实时数据在大屏和企业仪表盘中是很常见的需求,动态实时更新的数据,让用户可以更加及时的掌握数据变化动态,也给用户带来了相对更高的价值。
报表除了直接从各类数据库中取数进行展现,也可以实现展现实时数据,这里介绍下使用润乾报表 +ajax 实现的定时刷新展现实时数据。
实例制作:
1. 测试报表设计
为了模仿实时数据的动态变化,这里报表用例数据集使用了集算器数据集,部分数据随机生成,dfx 的定义如下:
报表文件制作可参考附件中的 g2.rpx,dfx 文件为 refresh.dfx,报表文件放到 web-inf 的 reportFiles 目录下。
2. 发布报表使用的 JSP,可参考附件中的 autoRefresh.jsp,jsp 文件放到 reportJsp 目录下。
3. 报表处理类的定义, 可参考附件中的 AjaxCalReport.java,编译好后的 AjaxCalReport.classes 文件放到设计器下的类文件目录下。
4. 配置文件的配置,在 web.xml 中增加如下的配置
<servlet>
<servlet-name>AjaxCalReport</servlet-name>
<servlet-class>example.AjaxCalReport</servlet-class>
</servlet>
<servlet-mapping>
<servlet-name>AjaxCalReport</servlet-name>
<url-pattern>/getReportRes.do</url-pattern>
</servlet-mapping>
经过以上设置,我们就可以在浏览器中访问该报表实例了,本例在 autoRefresh.jsp 中将展现的报表写成了固定的 g2.rpx, 访问的 url 为:
http://localhost:6868/demo/reportJsp/autoRefresh.jsp,在页面上我们可以看到数据在刷新变化的效果。
以下是广告时间
对润乾产品感兴趣的小伙伴,一定要知道软件还能这样卖哟性价比还不过瘾? 欢迎加入好多乾计划。
这里可以低价购买软件产品,让已经亲民的价格更加便宜!
这里可以销售产品获取佣金,赚满钱包成为土豪不再是梦!
这里还可以推荐分享抢红包,每次都是好几块钱的巨款哟!
来吧,现在就加入,拿起手机扫码,开始乾包之旅
嗯,还不太了解好多乾?
对润乾产品感兴趣的小伙伴,一定要知道软件还能这样卖哟性价比还不过瘾? 欢迎加入好多乾计划。
这里可以低价购买软件产品,让已经亲民的价格更加便宜!
这里可以销售产品获取佣金,赚满钱包成为土豪不再是梦!
这里还可以推荐分享抢红包,每次都是好几块钱的巨款哟!
来吧,现在就加入,拿起手机扫码,开始乾包之旅
嗯,还不太了解好多乾?
大神,整体过程看了挺详细,还是有些细节不太清楚,导致弄出来没有画面显示,全部是白色的,不知道哪里出错了,我估计是 g2.rpx 路径错了,麻烦能否再把细节描述得再具体一点,或者报表数据无闪刷新是否有更好的处理办法,谢谢赐教,
放到 web-inf 的 reportFiles 下,文章里有描述。
👍 👍 👍 ,厉害!
再请教一下,1、如果在报表中心里面显示的报表做到无闪新,我该如何去修改 Jsp?
2、想修改成一个超级链接,可以实现不同的报表无闪刷新,该如何去做呢?
谢谢,😄
现在的 autoRefresh.js 报表名称是写的固定的 g2.rpx, 改成通用的 JSP 可以参照自带的 showReport.jsp, 报表的名称通过参数名称传递进来,在 JSP 中获取下报表名称的参数。
举例来说,报表名称通过 rpx 这个参数名传递,那么在 JSP 中 String rpxName= request.getParameter(“rpx”); 在调用的地方改成: var uri=“<%=basePath%>getReportRes.do?fileName=<%=rpxName%>”;
好的,十分感谢!
大神,能发一个您做好的无闪刷新的 showReport.jsp 文件来参考一下吗,做好两天都没有做出来,好失败啊,感激不尽,谢谢!🙏
大神,用 autoRefrdsh.jsp 的话,本来之前显示正常的,只是数据不自动刷新,如下图:
现在只显示几个数据,图形基本上没有了,请问有什么解决办法吗?如果有现成的 showReport.jsp 就再好不过了,基础实在太差了,谢谢😭