ITPub博客

首页 > 应用开发 > IT综合 > 系统集成方案(一).NET集成方案

系统集成方案(一).NET集成方案

原创 IT综合 作者:杰华园 时间:2016-07-27 09:59:26 0 删除 编辑

NET系统集成有自己独立的登录验证方式。比如,跟报表集成时,不需要再使用报表内置的登录界面,只需要将报表默认的参数用户名fr_username和密码fr_password发送给报表系统,触发一下报表验证方式就可以实现单点登录了,以下用FineReport的.NET跨域单点登录案例简单介绍一下。

系统本身有独立的登录验证方式如下图:

 

1.触发报表验证方法

报表集成时不需要再一次进行登录验证,只需在项目里面的登录验证页面内触发一下报表方法,如下js方法:

点击(此处)折叠或打开

  1. function doSubmit() {
  2.          var username =document.getElementById("username").value; //此处是用来提取用户名和密码
  3.          var password =document.getElementById("userPwd").value;
  4.         var scr = document.createElement("iframe"); //创建iframe
  5.          var dt=new Date();
  6.         scr.src = "/WebReport/ReportServer?op=fs_load&cmd=sso&username=" + username + "&password=" + password+"&time="+dt.toString(); //将报表验证用户名密码的地址指向此iframe
  7.         document.getElementsByTagName("head")[0].appendChild(scr); //将iframe标签嵌入到head中
  8.     }

注:此处的单点登录是登录报表管理平台,而不是FineReport的数据决策系统,如果需要与数据决策系统做单点登录,需将

点击(此处)折叠或打开

  1. scr.src = " http://localhost:8075/WebReport/ReportServer?op=fs_load&cmd=sso&username=" + username + "&password=" + password;
改成

点击(此处)折叠或打开

  1. scr.src = " http://localhost:8075/WebReport/ReportServer?op=fs_load&cmd=sso&username=" + username + "&password=" + password;

点击项目里面的登录按钮,跳到后台进行项目里面的验证,此报表的验证方式需要在页面前台内调用javascript的方式触发,这边类似定义了两个onclick事件,而.net不能同时触发两个onclick事件,所以先要触发完一个onclick事件后再触发另一个,考虑报表没有验证完.net项目就跳转的话,导致报表没有验证成功,所以点击登录按钮首先触发报表验证方法,其次再到.net后台进行验证。

3. 触发.net前台

触发前台报表验证方法,新建一个登录按钮,设置按钮OnClientClick属性为:OnClientClick="doSubmit();return false;",即触发前台doSubmit()方法,doSubmit()方法,首先把获取的用户名和密码的值,发送到报表系统,报表服务将带着这两个参数访问认证地址进行认证。而项目本身有个登录按钮是触发的项目后台的方法,我们这边首先触发报表前台再通过js的方式触发后台的那个登录按钮,所以这边需要把之前的登录按钮设置隐藏,属性为Style="display: none;"。

4. 触发.net后台

报表验证完再触发.net项目后台登录验证的方法,通过登录按钮ID为Button1,使用document.getElementById("Button1").click();触发登录按钮,但是每个浏览器执行的方式不同,所以这边需要判断一下,代码如下:

点击(此处)折叠或打开

  1. if (scr.attachEvent){ //判断是否为ie浏览器
  2.                scr.attachEvent("onload", function(){ //如果为ie浏览器则页面加载完成后立即执行
  3.                    var f = document.getElementById("Button1");
  4.                    f.click();
  5.                });
  6.             } else {
  7.                scr.onload = function(){ //其他浏览器则重新加载onload事件
  8.                     var f = document.getElementById("Button1");
  9.                     f.click();
  10.                };
  11.          }

下面以简单的登录验证页面login.aspx为例head中调用javascript

示例

1、登录前台页面

以简单的登录验证页面login.aspx为例,head中调用javascript触发报表方法:

点击(此处)折叠或打开

  1. <%@ Page Language="C#" AutoEventWireup="true" CodeFile="login.aspx.cs" Inherits="login" %>

  2. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

  3. <html xmlns="http://www.w3.org/1999/xhtml" >
  4. <head runat="server">
  5.     <title>无标题页</title>
  6.   <script type="text/javascript" language="javascript">
  7.        function doSubmit() {
  8.          var username =document.getElementById("username").value; //此处是用来提取用户名和密码
  9.          var password =document.getElementById("userPwd").value;
  10.         var scr = document.createElement("iframe"); //创建iframe
  11.          var dt=new Date();
  12.         scr.src = "/WebReport/ReportServer?op=fs_load&cmd=sso&username=" + username + "&password=" + password+"&time="+dt.toString(); //将报表验证用户名密码的地址指向此iframe
  13.         if (scr.attachEvent){ //判断是否为ie浏览器
  14.                scr.attachEvent("onload", function(){ //如果为ie浏览器则页面加载完成后立即执行
  15.                    var f = document.getElementById("Button1");
  16.                    f.click();
  17.                });
  18.             } else {
  19.                scr.onload = function(){ //其他浏览器则重新加载onload事件
  20.                     var f = document.getElementById("Button1");
  21.                     f.click();
  22.                };
  23.          }
  24.         document.getElementsByTagName("head")[0].appendChild(scr); //将iframe标签嵌入到head中
  25.     }
  26.   </script>
  27. </head>
  28. <body>
  29.     <form id="form1" runat="server">
  30.     <div>
  31.         <asp:TextBox ID="username" runat="server" Style="z-index: 100; left: 156px; position: absolute;
  32.             top: 42px"></asp:TextBox>
  33.         <asp:TextBox ID="userPwd" runat="server" Style="z-index: 101; left: 157px; position: absolute;
  34.             top: 91px"></asp:TextBox>
  35.         <asp:Label ID="Label1" runat="server" Height="22px" Style="z-index: 102; left: 76px;
  36.             position: absolute; top: 46px" Text="用户名:" Width="77px"></asp:Label>
  37.         <asp:Label ID="Label2" runat="server" Style="z-index: 103; left: 80px; position: absolute;
  38.             top: 88px" Text="密码:" Width="64px"></asp:Label>
  39.         <asp:Button ID="Button1" runat="server" Style="z-index: 104; display:none;
  40.             left: 84px; position: absolute; top: 132px" Text="登录" Width="66px" />
  41.         <asp:Button ID="Button2" runat="server" OnClientClick="doSubmit();return false;"
  42.             Style="z-index: 106; left: 178px; position: absolute; top: 133px" Text="登录" Width="100px" />
  43.     
  44.     </div>
  45.     </form>
  46. </body>
  47. </html>

前台和后台验证成功之后,单点登录页面就设计完成了。

报表工具是通过url传用户名和密码进行验证,传到报表服务器是以session的方式保存,防止被人中途拦截会导致系统泄密,可以对登录进来的密码进行加密,或者使用https证书,让请求在传输过程中加密,配置方法也很简单。这种方式还存在一个证书合法性问题,用自己生成的证书,客户端在访问报表中浏览器会显示证书非法警告,所以需要去购买合法证书。目前国内最便宜的证书一年是一千多元。

2、平台设置

一般情况下报表集成到.net系统,首先登录访问.net的项目,所以自定义登录页面访问地址可以不需要设置,如果没有登录到.ne项目,先访问我们的报表了,而这时访问报表的登录页面是报表内置的登录界面,需使用自动登录页面地址为您系统的登录地址,操作如下:

打开http://localhost/WebReport/ReportServer?op=fr_platform,FR管理平台,选择权限配置>登录设置,自定义登录页面访问地址上,输入自己的登录页面路径http://localhost/FRtest/login.aspx,如下图所示:





来自 “ ITPUB博客 ” ,链接:https://blog.itpub.net/21472864/viewspace-2122597/ ,如需转载,请注明出处,否则将追究法律责任。

请登录后发表评论 登录
全部评论

注册时间:2015-03-03

  • 博文量
    584
  • 访问量
    815023