bi报表系统FineReport中Web页面简单集成例子_百度经验
&&&&&&公务办理bi报表系统FineReport中Web页面简单集成例子听语音
百度经验:现在用户开发的系统基本上趋向于BS架构的浏览器/服务器模式，这些系统可能由不同的语言开发，如HTML、ASP、JSP、PHP等，因此需要将制作好的报表嵌入到这些页面中，下面就通过bi报表系统FineReport来进行介绍。百度经验:bi报表系统FineReport7.1.1大小：148.2M 适用平台：windows/linux百度经验:1集成方法报表作为页面的一部分，可以以iFrame方式嵌入在网页中，指定iFrame的src即可。&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示例我们以HTML为例，将报表嵌入到一个HTML页面中：&!DOCTYPE HTML PUBLIC &-//W3C//DTD HTML 4.0 Transitional//EN&&&html&&&head&& &title&FineReport Demo&/title&& &meta http-equiv=&Content-Type& content=&text/ charset=GBK& /&&&/head&&&body&&&iframe id=&reportFrame& width=&900& height=&400& src=&/WebReport/ReportServer?reportlet=/doc/Primary/Parameter/Parameter.cpt&&&/iframe&&&/body&&/html&3效果查看效果如下：4不支持将报表显示在div内若您希望自己系统页面中的按钮调用FineReport内部现成的js方法如（打印方法），需要加载FineReport的js文件，FR的js采用jquery v1.9.2框架；实际情况下，一个页面中可能不仅仅只有报表部分，用户可能会加载其他版本的jquery，为避免js冲突，我们建议将报表内容显示在iFrame中，而不要显示在div中。END原作者：FineReport经验内容仅供参考，如果您需解决具体问题(尤其法律、医学等领域)，建议您详细咨询相关领域专业人士。投票(0)已投票(0)有得(0)我有疑问(0)◆◆说说为什么给这篇经验投票吧！我为什么投票...你还可以输入500字◆◆只有签约作者及以上等级才可发有得&你还可以输入1000字◆◆如对这篇经验有疑问，可反馈给作者，经验作者会尽力为您解决！你还可以输入500字相关经验00000热门杂志第3期人生知识达人职场秘诀933次分享第1期实现创业梦想1385次分享第1期轻松理财手册603次分享第2期晋升攻坚战381次分享第1期如何用互联网理财434次分享◆请扫描分享到朋友圈web报表开发工具FineReport中全局控件如何配置_百度经验
&&&&&&公务办理web报表开发工具FineReport中全局控件如何配置听语音
百度经验:报表应用中某些控件使用频率很高，而控件定义及使用的数据都是一样的，如果每个报表模板都定义一遍该控件的话，会浪费时间；此时我们常常将这些使用频率较高的控件预定义为全局控件，下面就通过web报表开发工具FineReport来介绍一下。百度经验:web报表开发工具FineReport7.1.1大小：148.2M 适用平台：windows/linux百度经验:1在设计器服务器&控件管理中定义，如下图：2控件管理中配置的预定义控件及自定义控件信息都保存在appName\WEB-INF\resources\widgets.xml中，保存信息如下：END原作者：FineReport经验内容仅供参考，如果您需解决具体问题(尤其法律、医学等领域)，建议您详细咨询相关领域专业人士。投票(0)已投票(0)有得(0)我有疑问(0)◆◆说说为什么给这篇经验投票吧！我为什么投票...你还可以输入500字◆◆只有签约作者及以上等级才可发有得&你还可以输入1000字◆◆如对这篇经验有疑问，可反馈给作者，经验作者会尽力为您解决！你还可以输入500字相关经验00000热门杂志第3期人生知识达人职场秘诀933次分享第1期实现创业梦想1385次分享第1期轻松理财手册603次分享第2期晋升攻坚战381次分享第1期如何用互联网理财434次分享◆请扫描分享到朋友圈您所在位置： &
&nbsp&&nbsp&nbsp&&nbsp
类excel报表开发工具FineReport教程之Web页面集成.pdf 52页
本文档一共被下载：
次 ,您可全文免费在线阅读后下载本文档。
下载提示
1.本站不保证该用户上传的文档完整性，不预览、不比对内容而直接下载产生的反悔问题本站不予受理。
2.该文档所得收入(下载+内容+预览三)归上传者、原创者。
3.登录后可充值，立即自动返金币，充值渠道很便利
需要金币：100 &&
类excel报表开发工具FineReport教程之Web页面集成.pdf
你可能关注的文档：
·········
··········
1------------------------------类excel报表开发工具FineReport教程
之Web页面集成 简单集成例子 1.问题描述
现在用户开发的系统基本上趋向于 BS架构的浏览器/服务器模式 ，这些系统可能由不同 的语言开发 ，如 HTML、ASP、JSP、PHP等 ，因此需要将制作好的报表嵌入到这些页面中。
FR报表可以通过 Frame框架集成到Web页面中。 2.将报表显示在Frame框架内 2.1集成方法
报表作为页面的一部分，可以以iFrame方式嵌入在网页中，指定iFrame的src即可。
1.&iframe id=&reportFrame& width=&900& height=&400& src=&/WebReport/Rep
ortServer?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------------------------------
4. &title&FineReport Demo&/title&
5. &meta http-equiv=&Content-Type& content=&text/ charset=GBK& /&
6. &/head&
8. &iframe id=&reportFrame& width=&900& height=&400& src=&/WebReport/Re
portServer?reportlet=/doc/Primary/Parameter/Parameter.cpt&&&/iframe
9. &/body&
10.&/html& 2.3效果查看
在浏览器中输入 http://localhost:8075/WebReport/page_demo/Simple.html ， 效果如下：
3------------------------------
已完成示例请参照%FR_HOME%\WebReport|page_demo\Simple.html
在线查看示例效果请点击Simple.html。 3.不支持将报表显示在div内
若您希望自己系统页面中的按钮调用 FineReport内部现成的js 方法如（打印方法）， 需要加载 FineReport的js 文件，FR的js 采用jquery v1.9.2框架；
实际情况下 ，一个页面中可能不仅仅只有报表部分 ，用户可能会加载其他版本的jquery ， 为避免js 冲突，我们建议将报表内容显示在iFrame中，而不要显示在div中。
4------------------------------
需要调用 FR内部的js 方法时，可以通过iFrame获取报表再调用方法，具体可参考js 使用说明文档。 Web传递中文参数 1.问题描述
给iframe设置src嵌入某个报表时，往往会给报表传递初始的参数值，例如：
1.&iframe id=&reportFrame& width=&900& height=&400& src=&/WebReport/
正在加载中，请稍后...Java报表工具FineReport自定义css使用方法
在实际项目中，为了更符合使用者的审美观或者让FineReport报表和总体框架协调，可能需要修改一些页面显示的样式表(css)，下面我们就来学习几个例子，来看看如何在FineReport中自定义控件以及填报的css。
1.报表控件，以下拉树控件为例来看看怎样改变下拉树的图标的。
第一步：收集好需要使用的图标，推荐大小为16×16，假设想让树叶的图标为leaf.gif；
第二步：新建一个文件夹，这里叫custom并把该文件夹放到Web应用目录下(即和WEB-INF平行的地方)，将第一步的图标放入该文件夹内；
第三步：在custom文件夹内新建一个css文件，比如叫custom_tree.
第四步：custom_tree.css内容如下
.bbit-tree-node-leaf {background:url(“leaf.gif”);}
第五步：打开有使用下拉树控件的，依次点击菜单：报表——&报表web属性——&引用css，在控件自定义样式表一览点插入按钮后写上上custom_tree.css的相对路径：custom/custom_tree.css，确定后保存报表。
第六步：启动服务器，查看该报表，现在可以看到下拉树叶的图标就是你自定义的图标了。
下面附上树控件中比较关键的几个css
.bbit-tree-node-expanded .bbit-tree-node-icon //节点展开的样式
.bbit-tree-node-leaf .bbit-tree-node-icon // 树叶的样式
.bbit-tree-node-collapsed .bbit-tree-node-icon // 闭合的样式
.bbit-tree-node-loading .bbit-tree-node-icon //正在加载的样式
2.报表填报，来看看把焦点框变成红色的步骤
第一步：新建一个叫文件夹，这里用一个叫write的文件夹做示例，同样的把该文件夹放到Web应用目录下；
第二步：在write文件夹中新建一个叫custom_cell.css的样式表文件；
第三步：在custom_cell.css中写入以下内容
.fDtop, .fDbottom, .fDleft, .fDright, .fDdot{
border:1px solid red;
第四步：打开报表。依次点击菜单：报表——&报表web属性——&引用css，在填报自定义样式表一览点插入按钮后写上上custom_cell.css的相对路径：write/custom_cell.css，确定后保存报表。
第五步：启动服务器查看此报表，可以看到填报的编辑框变成了红色边框。
同理：冻结先也可以按照类似的步骤进行自定义。
FineReport帆软报表
版权所有(C)2016 南京帆软软件有限公司 | 苏ICP备号-3安全检查中...
请打开浏览器的javascript，然后刷新浏览器
< 浏览器安全检查中...
还剩 5 秒&