开发让员工在各自的电脑终端查询公司服务器上的数据报表的交互查询系统,最枯燥重复和占用时间的工作是通过JSP/ASP/PHP代码写出基于数据库的展示、查询和录入的网页,这样不仅开发效率不高,而且维护工作量也很大。此次,就借助FineReport V8.0,完成利用下拉列表框选择地区,根据所选地区展示该地区各店的水果销售情况的数据报表及图表(图1)。
1. 数据先行
任何报表、图表都离不开数据,这里利用了Excel表中的已有数据。首先,将存有数据的Excel表格复制到FineReport V8.0安装目录下的\WebReport\WEB-INF\reportlets文件夹中。运行FineReport V8.0,选择服务器→服务器数据集菜单,在弹出的窗口中点击绿色+按钮,选择文件数据集,双击数据集,名称设置为店面销售统计,文件类型选择Excel,文件地址选择reportlets文件夹中所需要的那个Excel文件,勾选第一行包含列标题,点击预览按钮,若没有问题,确定即可(图2)。
2. 报表设计
数据连接设置好后,就该进行报表的设计了。在报表编辑区,选择A2:B2单元格进行合并,右击该单元格,选择单元格元素→插入斜线菜单,在弹出的斜线编辑对话框的文本编辑框中写入在斜线当中要加入的内容:水果|店面|地区,通过添加空格来调整文字的位置;在C1:H1列输入各水果名称并设置好样式;在左侧的数据集管理面板选择服务器数据集,将添加的店面销售统计展开,将相应的字段名称拖动到A2:H2单元格中;在B3单元格中输入平均;选中C3单元格,点击右侧插入内容处的+按钮,选择插入公式,在弹出的公式定义对话框函数名处选择AVERAGE,在公式编辑处输入C2,确定后,就会在C2处显示出=AVERAGE(C2),右击拖动填充到H2;选中A1:H2,利用工具栏为这些单元格加上边框(图3)。
3. 图表添加
报表设计完成后,点击插入→悬浮元素→插入图表菜单,在弹出窗口中的图表类型中选择柱形图,在右侧的图表属性窗口,点击类型选项卡,选好需要的类型布局;点击数据选项卡,数据来源处选择单元格数据,分类轴处输入=B2,点击系列名处的+,系列名处输入=C1:H1,值处输入=C2:H2;点击样式选项卡,在其下的标题子选项卡中输入标题并设置好格式,在标签子选项卡中勾选标签及其下的值;点击特效选项卡,在其交互属性子选项卡中勾选动态展示、系列拖拽、图表缩放等(图4)。
4. 添加交互控件
报表、图表设计完成后,要想使报表具有交互性,还要添加交互控件。在参数面板区点击笔状按钮,将控件面板中的标签控件、下拉框控件及预定义控件中的查询控件拖放到其中。选中标签控件,在右侧的属性面板中,设置标签的控件值为地区,并设置好字体、字号等;选中下拉框控件,在属性面板点击数据字典处的按钮,在弹出的对话框类型设置处选择数据查询,数据集处选择店面销售统计,实际值处选择地区,显示值处选择地区,这样就实现了将地区字段值加入到下拉列表框中(图5)。
点击笔状按钮,退出参数面板。在报表编辑区选中A2单元格,在右侧面板点击过滤选项卡,在弹出窗口的可选列处选择地区,操作符处选择等于,点击其右侧按钮选择参数后输入$comboBox0(comboBox0为下拉列表框控件名),点击增加按钮后确定,这样就实现了当列表框中选定地区后点击查询按钮显示查询内容(图6)。
最后,将文件保存到安装目录下的\WebReport\WEB-INF\reportlets文件夹中,命名为WorkBook1.cpt,预览一下,没问题即可。
5. 文件发布与访问
报表WorkBook1.cpt要达到能被访问的程度,需要将本机配置为服务器进行发布。安装Tomcat服务器程序,将FineReport_8.0安装目录下的WebReport文件拷贝到%Tomcat_HOME% \webapps\下,启动tomcat即可发布成功。之后,建立网址http://ip:端口/ WebReport/ReportServer?reportlet=123%2FWorkBook4.cpt&op=view的快捷方式,将此快捷方式发到每个员工的桌面上,就能一键点击访问查询了。
小提示:
tomcat的默认端口为8080,如果该端口被占用,tomcat将无法启动。这时就需要重新配置端口,只需修改%tomcat_home%\conf\sever.xml即可。
本文地址:百科生活频道 https://www.neebe.cn/live/904001.html,易企推百科一个免费的知识分享平台,本站部分文章来网络分享,本着互联网分享的精神,如有涉及到您的权益,请联系我们删除,谢谢!