FineReport中如何自定义登录界面

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

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

自定义登录界面

登录界面设置

自定义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="登录" οnclick="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：

此时请务必关闭设计器，重新开启，再次进入数据决策系统，即可回到默认的登录界面。

还原到默认的登录界面后，如果再需要设置登录界面，可以用管理员账户登录，进行设置即可。

转载于:https://blog.51cto.com/10549520/1908918

FineReport中如何自定义登录界面相关推荐

帆软自定义登录html,FineReport中如何自定义登录界面
在登录平台时,不希望使用FR默认的内置登录界面,想通过自定义登录界面实现登录操作,内置登录界面如下图: 登录界面,获取到用户名和密码的值,发送到报表系统,报表服务带着这两个参数访问认证地址进行认证. ...
帆软finereport决策系统自定义登录界面
通过前面对决策系统登录liu'chengliucheng 的梳理,发现通过改变AppearanceConfig的loginType与loginUrl即可实现跳转到自定义的登录界面. 第一步:先创建一个 ...
finereport php,FineReport中自定义登录界面的方法
在登录平台时,不希望使用FR默认的内置登录界面,想通过自定义登录界面实现登录操作,内置登录界面如下图: 登录界面,获取到用户名和密码的值,发送到报表系统,报表服务带着这两个参数访问认证地址进行认证. ...
SpringSecurity自定义登录界面
为什么需要自定义登录界面? 答:因为SpringBoot整合SpringSecurity时,只需要一个依赖,无需其他配置,就可以实现认证功能.但是它的认证登录界面是固定那样的,如下图所示,但是我们希望 ...
finereport 登录界面的代码文件_Confluence 6 自定义登录界面
这个页面将会给你一些如何对 Confluence 登录界面进行自定义的一些建议和知道.这个将不会自定义用户的登录过程,只是对用户看到的登录界面进行自定义. 备注: 自定义过后的 Confluence ...
Ant Design Pro V5精讲（实践篇一）：自定义登录界面、主界面
用户需求登录界面改造成自己的主界面的logo及产品名称改造成自己的语言包去掉或者只留中英语言包登录界面改造进入pages/user/login目录找到index.tsx // 去掉语言包栏目 ...
Linux安装Gnome桌面并自定义登录界面
最近想安装gnome,发现网上的教程很多,也不一样.我也自己测试了一下,其实操作很简单.下面就开始介绍如何安装并配置好桌面程序. 1,安装gnome 我们只需要执行一个命令即可: sudo apt i ...
java中execquery(),javaee登录界面
首先在此之前我们应该正确安装数据库,以及eclipse(javaee)文件包. 1.首先在javaee中建立新的项目 2.右键点击WebContent-New-JSP File,新建jsp(动态)文件 ...
SpringSecurity学习笔记（三）自定义资源拦截规则以及登录界面跳转
参考视频,编程不良人由前面的学习可以知道,SS的默认的拦截规则很简单,我们在项目中实际使用的时候往往需要更加复杂的拦截规则,这个时候就需要自定义一些拦截规则. 自定义拦截规则在我们的项目中,资源往 ...

FineReport中如何自定义登录界面

FineReport中如何自定义登录界面相关推荐

最新文章

热门文章