FineReport中自定义登录界面的方法

FineReport报表软件是一款纯Java编写的、集数据展示(报表)和数据录入(表单)功能于一身的企业级web报表工具，它“专业、简捷、灵活”的特点和无码理念，仅需简单的拖拽操作便可以设计复杂的中国式报表，搭建数据决策分析系统。

在登录平台时，不希望使用FR默认的内置登录界面，想通过自定义登录界面实现登录操作，内置登录界面如下图：

登录界面，获取到用户名和密码的值，发送到报表系统，报表服务带着这两个参数访问认证地址进行认证。

自定义登录界面

1）登录界面设置

自定义html登录页面：命名为login.html，并保存在%FR_HOME%\WebReport下，代码如下：

									<span style="font-family:Microsoft YaHei;font-size:14px;"><html>  

									<head> 

									<meta http-equiv="Content-Type" content="text/html; charset=UTF-8"> 

									<script type="text/javascript" src="ReportServer?op=emb&resource=finereport.js"></script>  

									<script type="text/javascript">  

									function doSubmit() {  

									  var username = FR.cjkEncode(document.getElementById("username").value); //获取输入的用户名  

									  var password = FR.cjkEncode(document.getElementById("password").value); //获取输入的参数  

									jQuery.ajax({  

									   url:"http://localhost:8075/WebReport/ReportServer?op=fs_load&cmd=sso",//单点登录的管理平台报表服务器  

									   dataType:"jsonp",//跨域采用jsonp方式  

									   data:{"fr_username":username,"fr_password":password},//获取用户名密码  

									   jsonp:"callback",  

									   timeout:5000,//超时时间（单位：毫秒）  

									   success:function(data) {  

									      if (data.status === "success") { 

									window.location=data.url;//认证成功跳转页面，因为ajax不支持重定向所有需要跳转的设置 

									         //登录成功    

									      } else if (data.status === "fail"){  

									         alert("用户名或密码错误");//登录失败（用户名或密码错误）  

									      }  

									   },  

									   error:function(){  

									      alert("超时或服务器其他错误");// 登录失败（超时或服务器其他错误）  

									   }  

									}); 

									}  

									</script>  

									</head>  

									<body>  

									<p>请登录</p>  

									<form name="login" method="POST">  

									  <p>  

									    用户名:  

									    <input id="username" type="text" />  

									  </p>  

									  <p>  

									    密 码:  

									    <input id="password" type="password" />  

									  </p>  

									  <input type="button" value="登录" onclick="doSubmit()"/>  

									</form>  

									</body>  

									</html></span>