用控件方式在非J2EEweb应用中使用润乾报表
润乾报表是一款纯java的产品,可以直接无缝集成到采用J2EE架构的系统中。然而,有相当一部分web应用是使用非J2EE开发的,比如使用了.net架构。那么使用润乾报表制作出来的报表如何在这些页面上显示呢?
润乾报表专门提供以js控件的方式来实现在非J2EE的web应用上的部署:
1、按照常规步骤部署报表服务器,也就是说要单独部署一个J2EE架构的应用服务器,如Tomcat、Weblogic、Websphere等等。
2、在web页面上使用javascript脚本调用润乾报表。
下面的示例是一个HTML文件,在ASP、PHP等网页中的用法与此相同。
<html>
<head>
<meta http-equiv=”Content-Type” content=”text/html; charset=gb2312″>
</head>
<body>
<!–引入报表控件的原文件runqianReport.js–>
<script language=javascript src=”runqianReport.js”>
</script>
<table align=center width=90% style=”font-family:宋体;font-size:13px”>
<tr height=40><td width=100% align=center style=”font-size:16px;font-weight:bold”>润乾报表JS控件演示</td></tr>
<tr>
<td align=center>
<script language=javascript>
var report = new runqianReport( “80%”, “400px” ); //实例化一个报表控件
report.setBorder( “border:1px solid blue” ); //设置该控件为兰色细边框
report.setServerURL(http://192.168.0.27:7070/report); //设置报表服务器的访问路径
</script>
</td>
</tr>
<!- 下面这个查询是在控件外的,也可以用report.setParamFile( “xxx.raq” )在控件里面显示一个查询表单进行查询 ->
<tr><td align=center>
性别<select id=sexBox>
<option value=”1″>男</option>
<option value=”2″>女</option>
</select>
班级<select id=classBox>
<option value=”1″>一班</option>
<option value=”2″>二班</option>
</select>
<input type=button value=”查询” onclick=”query()”>
</td></tr>
</table>
<script language=javascript>
function query() {
report.init(); //初始化报表控件
report.setFile( “scores.raq” );//设置要显示的报表文件
report.setSaveAsName( “学生成绩表” ); //设置报表另存时的文件名称
report.putParam( “sex”, document.getElementById( “sexBox” ).value ); //设置报表参数值
report.putParam( “class”, document.getElementById( “classBox” ).value );
report.display(); //显示报表
}
query();
</script>
</body>
</html>