内容简介：FineReport中如何自定义登录界面
在登录平台时，不希望使用FR默认的内置登录界面，想通过自定义登录界面实现登录操作，内置登录界面如下图：
登录界面，获取到用户名和密码的值，发送到报表系统，报表服务带着这两个参数访问认证地址进行认证。
自定义登录界面
1） 登录界面设置
自定义html登录页面：命名为login.html，并保存在%FR_HOME%\WebReport下，代码如下：
<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>
Dosubmit()是主要的逻辑判断，实现的是将对应的值传给报表服务的逻辑实现过程。
调用登录界面
登录系统，选择管理系统>外观配置，在登录页选项中选择设置登录网页，并输入自定义登录页面的路径：login.html，如下图所示：
总结
比如说若用户有自己的系统，将FR继承到自己已有系统中，该系统有自己的登录界面，希望登录自己系统的同时也登录报表（即将输入的用户名密码也发送到报表服务进行认证），从而访问报表时不需要再次登录即单点登录，步骤如下：
1、找到您系统登录页面如login.jsp；
2、在login.jsp页面head中引入finereport.js；
3、在login.jsp页面JavaScript中定义function如dosubmit，在dosubmit中获取到输入的用户名密码，并通过iframe方式或者ajax方式进行认证。
4、在FineReport平台系统中设置自定义登录页面地址为您系统的登录地址。
若是OA系统或者报表系统和项目系统不再同一个服务器上，可以进行ajax跨域异步单点登录。
Session传值
对于 java 系统来说，可将用户名与密码放在session中，把报表集成在同一环境下面，报表可自动获取到用户名和密码的值进行验证。
还原默认登录界面
如果在决策系统修改了登录界面后，希望还原成系统默认登录界面，应该如何实现呢？
1）打开安装目录%FR_HOME%\WebReport\WEB-INF\resources，找到fsconfig.xml
2）删除loginUrl属性
右击fsconfig.xml文件，选择编辑器打开，删除文件中的loginUrl属性，如下，删除login.htm：
此时请务必关闭设计器，重新开启，再次进入数据决策系统，即可回到默认的登录界面。
还原到默认的登录界面后，如果再需要设置登录界面，可以用管理员账户登录，进行设置即可。
以上就是本文的全部内容，希望对大家的学习有所帮助，也希望大家多多支持 码农网
猜你喜欢:
- 游戏制作之路（32）创建自定义的界面样式管理
- DuckChat 1.0.13 发布，新增自定义登陆界面功能
- Chrome OS 88 自定义屏保界面，可指纹登录第三方网站
- CentOS 图形界面和字符界面切换
- GUI 界面如何设计？
- 小程序新请假界面
本站部分资源来源于网络，本站转载出于传递更多信息之目的，版权归原作者或者来源机构所有，如转载稿涉及版权问题，请联系我们。
Spring in Action
Craig Walls / Manning Publications / 2011-6-29 / USD 49.99
Spring in Action, Third Edition has been completely revised to reflect the latest features, tools, practices Spring offers to java developers. It begins by introducing the core concepts of Spring and......一起来看看 《Spring in Action》 这本书的介绍吧!
