快捷導航

FineReport中自定義登錄界面的方法

更新時間：2017年03月22日 09:02:49 作者：納元羅斯

這篇文章主要介紹了 FineReport中自定義登錄界面的方法,非常不錯，具有參考借鑒價值，需要的朋友可以參考下

FineReport報表軟件是一款純Java編寫的、集數(shù)據(jù)展示(報表)和數(shù)據(jù)錄入(表單)功能于一身的企業(yè)級web報表工具，它“專業(yè)、簡捷、靈活”的特點和無碼理念，僅需簡單的拖拽操作便可以設(shè)計復雜的中國式報表，搭建數(shù)據(jù)決策分析系統(tǒng)。

在登錄平臺時，不希望使用FR默認的內(nèi)置登錄界面，想通過自定義登錄界面實現(xiàn)登錄操作，內(nèi)置登錄界面如下圖：

登錄界面，獲取到用戶名和密碼的值，發(fā)送到報表系統(tǒng)，報表服務(wù)帶著這兩個參數(shù)訪問認證地址進行認證。

自定義登錄界面

1）登錄界面設(shè)置

自定義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); //獲取輸入的參數(shù)  
jQuery.ajax({  
   url:"http://localhost:8075/WebReport/ReportServer?op=fs_load&cmd=sso",//單點登錄的管理平臺報表服務(wù)器  
   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;//認證成功跳轉(zhuǎn)頁面，因為ajax不支持重定向所有需要跳轉(zhuǎn)的設(shè)置 
         //登錄成功    
      } else if (data.status === "fail"){  
         alert("用戶名或密碼錯誤");//登錄失?。ㄓ脩裘蛎艽a錯誤）  
      }  
   },  
   error:function(){  
      alert("超時或服務(wù)器其他錯誤");// 登錄失?。ǔ瑫r或服務(wù)器其他錯誤）  
   }  
}); 
}  
</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>

Dosubmit()是主要的邏輯判斷，實現(xiàn)的是將對應(yīng)的值傳給報表服務(wù)的邏輯實現(xiàn)過程。

調(diào)用登錄界面

登錄系統(tǒng)，選擇管理系統(tǒng)>外觀配置，在登錄頁選項中選擇設(shè)置登錄網(wǎng)頁，并輸入自定義登錄頁面的路徑：login.html，如下圖所示：