一.报表的制作
1.下载快逸报表设计器
可以到快逸报表的官方网站下载快逸报表设计器。
快逸报表官方网址:http://www.quiee.com.cn/
2.安装快逸报表设计器
安装过程中可以选择jdk版本。
3.配置数据源
3.1 安装好快逸报表设计器后,打开时,会弹出让进行授权的弹出框。
3.2 点击确定后会弹出一个让选择授权文件的弹出框,你需要选择“快逸报表免费版DesignerYV4.0.lic”这个授权文件。
3.3 点击打开后,你会进入报表设计器界面。
3.4 在使用之前还需要进行根据操作系统的授权。
3.5 如果你使用的是windows系列的操作系统,那么你需要选择“快逸报表免费版ServerYV4.0Windows.lic”这个授权文件。
3.6 授权后就可以进行报表设计了,设计报表前需要先配置数据源。
3.7 在报表设计器界面上选择配置->数据源->新建。
3.8 选择关系数据库后确定,会弹出一个让输入数据源数据的弹出框。
3.9 新建后点击连接,新建的数据源会变为红色,你就可以连接上你所想连接的数据库了。
4.制作报表
4.1 选择文件->新建报表。
4.2 编辑好数据源和数据集名称后,点击下一步,会弹出一个让编辑报表信息的弹出框,你可以选择所需的数据库以及字段和检索条件等等。
4.3选择好后,点击确定,点击生成网格报表,就可以生成一个简单的报表了。
如果想制作复杂而美观的报表,请参考相关方面的文档:
快逸报表4.0技术白皮书 入门基础教程
快逸报表4.0技术白皮书 产品教程
快逸报表4.0技术白皮书 行式填报教程
快逸报表4.0技术白皮书 统计图教程
二.报表与实战项目的结合
1.把报表所需要的架包和文件复制到项目中
① 将快逸报表安装目录\quieeReport\webapps\quiee\WEB-INF\lib 中的jar 包导入项目。
② 将\quieeReport\webapps\quiee\WEB-INF 目录下的reportConfig.xml、runqianReport4.tld 、runqianReportLog.properties复制到项目的WEB-INF 目录。
③ 将\quieeReport\webapps\quiee目录下的j2re-1_4_1-windows-i586-i.exe、runqianReport4Applet.ja r 和images 目录(用于工具按钮的图片可自选)复制到项目的WebRoot 目录下。
④ 将quieeReport\webapps\quiee\WEB-INF\classes 目录下的quieeWindowServer.lic 授权文件复制到项目中的src下面。
2.把项目中的配置文件做相应修改
① 在项目的配置文件web.xml中添加上如下配置:
com.runqian.report4.view.ReportServlet
/WEB-INF/runqianReport4.tld
注意:如果web.xml中有其它的
② 修改配置文件reportConfig.xml,添加上如下配置:
注意:这段配置是报表在eclipse中连接数据库的配置,非常重要。
3.把制作的报表使用到项目中
① 在项目中的WebContent下建一个存放报表源文件的包reportFiles,把制作好的报表文件复制到这个包里。
② 建立一个用于展示报表的jsp,其中包含了报表的一些属性。该jsp需要有<%@taglib prefix="report" uri="/WEB-INF/runqianReport4.tld"%>这
段代码来引用runqianReport4.tld。然后需要把报表的各种属性设置上,如下段代码所示:
excelLabel=""
pdfLabel=""
wordLabel=""
firtPageLabel=""
prevPageLabel=""
nextPageLabel=""
lastPageLabel=""/>
注意:reportFileName是用来接收报表文件的属性,params是用来接收报表参数的属性。
由于报表的翻页路径是普通的jsp请求路径,所以需要使用一个jquery让请求路径改为可以在项目中使用的路径,需要使用如下代码:
$(function()
{
$("form[name='report1_turnPageForm']").attr("action","${path}/student/seeReport.do");
});
由于使用的是免费版的快逸报表,所以需要使用jquery去掉免费的标志,需要使用如下代码:
$(function()
{
$("div").remove(".report1");
});
③ 在后台设置好请求路径,就可以对拥有该报表的jsp进行访问了。
注意:快逸报表在ie中如果想要让报表的外层表格显示为全屏,用100%有时候可能不管用,可以使用document.getElementById("report1").style.width= window.screen.width;