如何把报表放到网页中显示(Web页面与报表简单集成例子)
1.问题描述
现在用户开发的系统基本上趋向于BS架构的浏览器/服务器模式,这些系统可能由不同的语言开发,如HTML、ASP、JSP、PHP等,因此需要将制作好的报表嵌入到这些页面中。
FineReport制作出的报表可以通过Frame框架集成到Web页面中。
2.将报表显示在Frame框架内
2.1集成方法
报表作为页面的一部分,可以以iFrame方式嵌入在网页中,指定iFrame的src即可。
1. <iframe id="reportFrame" width="900" height="400" src="/WebReport/ReportServer?reportlet=/doc/Primary/Parameter/Parameter.cpt"></iframe>
用户可以控制iframe的位置来控制报表在页面的什么地方显示,还能够通过iframe获取到报表,从而获取报表内容或调用报表内部现成的方法,我们在后续章节会进行介绍。
注:此方法iframe的src会显示出完整的报表路径,尤其在有参数的情况下,可以使用post方式向iframe提交请求,这样src里有不会出现具体的参数了。
2.2示例
我们以HTML为例,将报表嵌入到一个HTML页面中:
1. <!DOCTYPE HTML PUBLIC"-//W3C//DTD HTML 4.0 Transitional//EN">
2. <html>
3. <head>
4. <title>FineReport Demo</title>
5. <meta http-equiv="Content-Type" content="text/html; charset=GBK" />
6. </head>
7. <body>
8. <iframe id="reportFrame"width="900"height="400"src="/WebReport/ReportServer?reportlet=/doc/Primary/Parameter/Parameter.cpt"></iframe>
9. </body>
10. </html>
2.3效果查看
在浏览器中输入http://localhost:8075/WebReport/page_demo/Simple.html,效果如下:
已完成示例请参照%FR_HOME%\WebReport|page_demo\Simple.html
3.不支持将报表显示在div内
若您希望自己系统页面中的按钮调用FineReport内部现成的js方法如(打印方法),需要加载FineReport的js文件,FR的js采用jquery v1.9.2框架;
实际情况下,一个页面中可能不仅仅只有报表部分,用户可能会加载其他版本的jquery,为避免js冲突,我们建议将报表内容显示在iFrame中,而不要显示在div中。
需要调用FineReport内部的js方法时,可以通过iFrame获取报表再调用方法,具体可参考js使用说明文档。
如何把报表放到网页中显示(Web页面与报表简单集成例子)相关推荐
- Java读取mapinfo格式_求助:如何把mapinfo格式的地图数据放到网页中显示
声明,我可不是做广告哦 mapXtreme Java,是目前用于Internet或企业Intranet唯一的100%纯Java地图服务器.mapInfo mapXtreme Java与J2EE兼容,为 ...
- pyqt5中显示web页面(外部web、本地web)
本文涉及:Windows操作系统,PyChrm,PyQt5,Qt Designer,pyecharts 目录 一.前言 二.实战示例:在frame控件中显示pyecharts生成的图表 三.实战示例: ...
- 非常好的在网页中显示pdf的方法
今天有一需求,要在网页中显示pdf,于是立马开始搜索解决方案,无意中发现一个非常好的解决方法,详见http://blogs.adobe.com/pdfdevjunkie/web_designers_g ...
- 在html中显示word,如何在浏览器网页中显示word文件内容
把word文件读到byte[]中,再Response.OutputStream.Write(bytes)到客户端去 Page_Load事件中写: //FileStream fs = new ...
- 在网页中显示CHM (c# csharp .net asp.net winform)
CHM即"已编译的帮助文件",主要由.hhc(目录文件)..hhk(索引文件)以及相应的帮助主题文件(.html,.htm)这些内容编译而成. 方法对比 在网页中显示CHM内容,大 ...
- 将VS2005中的.CS文件在网页中显示的方法
今天在做AccessMembershipProvider的DEMO时,想把支持Access数据库提供程序的源码在网页中显示出来,可是复制源码后在网页中显示的是不换行的,后来我在尝试了很多办法后,终于有 ...
- html网页中显示乱码的问题解决
在网页中显示中文乱码. 情景: 在html页面写了个javacript的代码,里面有alert("中文"),但弹窗出来的对话框显示的是中文乱码. 解决: 在head头加 <m ...
- 网页中显示xml,直接显示xml格式的文件
第一种方法 使用<pre></pre>包围代码(在浏览器中测试不行啊,但是在富编辑器中又可以,怪): 使用<xmp></xmp>包围代码(官方不推荐,但 ...
- html显示docx,网页中显示PDF的HTML代码.docx
网页中显示PDF的HTML代码 您可能想打开文档至某一特别页面或目标,或显示书签.要与 链接一起放入一个动作命令,可紧接在 PDF 文件名后面键入数字符号 (#) 和该命令.以下表格显示可能的动作命令 ...
最新文章
- 04_Java面向对象特征之继承与多态
- 深入理解Cache工作原理
- Python中的错误处理
- 一个优秀的公司如何才能成为一个卓越的公司?
- cms文章 mysql存储,帝国CMS万能标签调用随机文章的方法
- 四大网络抓包神器,总有一款适合你~
- k8s部署应用nginx
- SPI协议学习Cubmx——读写Flash W25Q64
- 时间序列模型c语言,时间序列分析步骤及sas代码
- 迅歌KTV服务器各型号,十大ktv必点歌曲排行榜 ktv点唱率最高的十首歌榜单公布...
- toMap函数 java.lang.IllegalStateException: Duplicate key 123 (attempted merging values 123 and 124)
- 《利用Python进行数据分析》第9章 分组级运算和转换笔记
- 分析 PPTV 视频真实播放地址全过程(Java版)
- 计算机 调剂 学校,考研调剂应该怎样联系学校?这三点一定要注意
- ssl证书无效或不匹配怎么办
- 「TCG 规范解读」初识基础设施工作组
- Linux下使用uinput创建虚拟设备(Ubuntu20.04.2)
- ios开发者添加开发测试机
- uni--ReferenceError plus is not defined
- Nginx 反向代理,提供 http 访问,代理 https 外站内容