`

如何把报表放到网页中显示(Web页面与报表简单集成例子)

阅读更多

1. 问题描述

现在用户开发的系统基本上趋向于BS架构的浏览器/服务器模式,这些系统可能由不同的语言开发,如HTMLASPJSPPHP等,因此需要将制作好的报表嵌入到这些页面中。

FineReport制作出的报表可以通过Frame框架集成到Web页面中。

2. 将报表显示在Frame框架内

2.1 集成方法

报表作为页面的一部分,可以以iFrame方式嵌入在网页中,指定iFramesrc即可。

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方法如(打印方法),需要加载FineReportjs文件,FRjs采用jquery v1.9.2框架;

实际情况下,一个页面中可能不仅仅只有报表部分,用户可能会加载其他版本的jquery,为避免js冲突,我们建议将报表内容显示在iFrame中,而不要显示在div中。

需要调用FineReport内部的js方法时,可以通过iFrame获取报表再调用方法,具体可参考js使用说明文档。

1
3
分享到:
评论

相关推荐

    Web中使用Fastreport在ActiveX调用打印例子

    标题 "Web中使用Fastreport在ActiveX调用打印例子" 提到的是一个使用Fastreport在Web环境下通过ActiveX技术进行打印操作的...通过学习这个例子,你可以掌握如何将传统的桌面应用程序功能扩展到Web平台,提升用户体验。

    asp.net水晶报表 示例

    在ASP.NET页面中,将"CrystalReportViewer"控件拖放到设计视图,并配置其属性,如ReportSource指向你的报表文件路径。在代码后面,可能还需要设置数据源,例如: ```csharp CrystalReportViewer1.ReportSource = ...

    VS2008(2005) C# 报表(report viewer)使用方法

    Visual Studio 2008(及2005)提供了一个强大的报表工具——Report Viewer,它使得在C#应用中集成报表变得简单。以下将详细介绍如何在VS2008(2005) C#中使用Report Viewer。 1. **添加数据集**: 首先,我们需要...

    PrintCrystalReprots

    - **字段选择与设计**:用户可以将数据源中的字段拖放到报表设计界面,创建报告布局。 - **计算与汇总**:支持各种计算和汇总函数,如SUM、AVG、COUNT等,用于统计和分析数据。 - **分组与排序**:根据需要对数据...

    2021-2022计算机二级等级考试试题及答案No.16159.docx

    Web页面之间的跳转主要依赖于**超链接**,这是一种允许用户从一个网页跳转到另一个网页的技术。在HTML中,通过使用`&lt;a&gt;`标签并设置`href`属性来定义超链接,从而使用户可以通过点击这些链接来导航至其他页面或网站。...

    2021-2022计算机二级等级考试试题及答案No.16156.docx

    - **JSP (JavaServer Pages)**: 基于 Java 技术的动态网页解决方案,与 Java 的紧密集成使其成为大型企业应用的首选。 - **PHP (Hypertext Preprocessor)**: 开源的服务器端脚本语言,广泛应用于 Web 开发,易于...

    JAVA上百实例源码以及开源项目源代码

    Java从网络取得文件 1个目标文件 简单 Java从压缩包中提取文件 1个目标文件 简单 Java存储与读取对象 1个目标文件 如题 Java调色板面板源代码 1个目标文件 摘要:Java源码,窗体界面,调色板 使用Java语言编写的一款...

    Android Excel 操作实例demo

    在Android开发中,有时我们需要处理Excel文件,例如读取或写入数据,这在数据分析、报表生成或用户数据导出等场景中非常常见。"Android Excel操作实例demo"就是一个这样的项目,它展示了如何使用第三方库jxl.jar来...

    vc++ 应用源码包_1

    非常好的一个实例,把网络连接的UDP/TCP都插入到CList控件中显示出来。 VC++视频捕捉系统 win32下 视频操作。 VC++视频会议系统(完整)有开发文档。使用了系统自带的视频。 Windows核心编程(第五版)随书源代码 ...

    vc++ 应用源码包_2

    非常好的一个实例,把网络连接的UDP/TCP都插入到CList控件中显示出来。 VC++视频捕捉系统 win32下 视频操作。 VC++视频会议系统(完整)有开发文档。使用了系统自带的视频。 Windows核心编程(第五版)随书源代码 ...

    vc++ 应用源码包_6

    非常好的一个实例,把网络连接的UDP/TCP都插入到CList控件中显示出来。 VC++视频捕捉系统 win32下 视频操作。 VC++视频会议系统(完整)有开发文档。使用了系统自带的视频。 Windows核心编程(第五版)随书源代码 ...

    vc++ 应用源码包_5

    非常好的一个实例,把网络连接的UDP/TCP都插入到CList控件中显示出来。 VC++视频捕捉系统 win32下 视频操作。 VC++视频会议系统(完整)有开发文档。使用了系统自带的视频。 Windows核心编程(第五版)随书源代码 ...

    vc++ 应用源码包_3

    非常好的一个实例,把网络连接的UDP/TCP都插入到CList控件中显示出来。 VC++视频捕捉系统 win32下 视频操作。 VC++视频会议系统(完整)有开发文档。使用了系统自带的视频。 Windows核心编程(第五版)随书源代码 ...

    vc++ 开发实例源码包

    内含各种例子(vc下各种控件的使用方法、标题栏与菜单栏、工具栏与状态栏、图标与光标、程序窗口、程序控制、进程与线程、字符串、文件读写操作、文件与文件夹属性操作、文件与文件夹系统操作、系统控制操作、程序...

    Delphi5开发人员指南

    7.3 把ActiveX控件加到组件面板上 143 7.4 Delphi组件外套 144 7.4.1 外套文件是从哪来的 152 7.4.2 枚举 152 7.4.3 控件接口 152 7.4.4 TOleControl的派生类 152 7.4.5 方法 152 7.4.6 属性 153 7.5 在应用程序中...

Global site tag (gtag.js) - Google Analytics