亚洲视频福利一区_ iframe跨域單點(diǎn)登陸

1. 問(wèn)題描述

對于OA系統中想實(shí)現對FineReport的單點(diǎn)登錄，用戶(hù)需要在OA的登錄界面中將用戶(hù)名和密碼傳入到報表的認證地址進(jìn)行認證，若OA系統和報表系統不是部署在同一臺服務(wù)器上，在進(jìn)行登錄時(shí)進(jìn)行跨域，在上一節介紹了ajax跨域異步單點(diǎn)登陸，那么要如何通過(guò)iframe方式實(shí)現OA系統和報表系統的跨域登錄呢？

2. 實(shí)現思路

在OA系統的登錄界面的js中將報表先把權限驗證地址以iframe的方式嵌入，解決js跨域問(wèn)題，然后再在iframe里面觸發(fā)表單登錄事件，實(shí)現登錄頁(yè)面的跳轉。

3. 示例(數據決策系統op=fs)

以登陸數據決策系統(op=fs)為例，通過(guò)簡(jiǎn)化的OA登錄頁(yè)面說(shuō)明iframe跨域單點(diǎn)登錄的實(shí)現步驟：

數據決策系統(op=fs)身份驗證地址為：

scr.src = " http://localhost:8075/WebReport/ReportServer?op=touchfs&__redirect__=false&username=" + username + "&password=" + password;

原來(lái)的登錄界面代碼如下：

<html>
<head>
</head>
<body>
<p>請登錄</p>
<form id="login" name="login" method="POST" action="">
<p>用戶(hù)名:<input id="username" type="text" /></p>
<p>密碼:<input id="password" type="password" /></p>
<input type="submit" value="登錄"/>
</form>
</body>
</html>

3.1 iframe實(shí)現步驟

登陸按鈕事件設置

用戶(hù)輸入用戶(hù)名密碼后點(diǎn)擊提交或登錄按鈕時(shí)，觸發(fā)doSubmit()方法，該方法中先創(chuàng )建一個(gè)iframe，然后將報表驗證用戶(hù)名密碼的認證地址指向此iframe的src，并對使用的瀏覽器進(jìn)行判斷因為每個(gè)瀏覽器注冊寫(xiě)法不太一樣，然后將此iframe標簽加入到head標簽中，實(shí)現報表認證代碼如下：

function doSubmit() {
var username =document.getElementById("username").value;
var password =document.getElementById("password").value;
var scr = document.createElement("iframe"); //創(chuàng )建iframe
scr.src = " http://localhost:8075/WebReport/ReportServer?op=touchfs&__redirect__=false&username=" + username + "&password=" + password; //將報表驗證用戶(hù)名密碼的地址指向此iframe
if (scr.attachEvent){ //判斷是否為ie瀏覽器
scr.attachEvent("onload", function(){ //如果為ie瀏覽器則頁(yè)面加載完成后立即執行
/*跳轉到指定登錄成功頁(yè)面，index.jsp
var f = document.getElementById("login");
f.submit(); */
window.location=" http://localhost:8075/WebReport/ReportServer?op=fs"; //直接跳轉到數據決策系統
});
} else {
scr.onload = function(){ //其他瀏覽器則重新加載onload事件
/*跳轉到指定登錄成功頁(yè)面,index.jsp
var f = document.getElementById("login");
f.submit(); */
window.location=" http://localhost:8075/WebReport/ReportServer?op=fs"; //直接跳轉到數據決策系統
};
}
document.getElementsByTagName("head")[0].appendChild(scr); //將iframe標簽嵌入到head中
}

注：由于編碼的問(wèn)題，要對輸入的用戶(hù)名和密碼進(jìn)行cjkEncode編碼，需要引入finereport.js，在head標簽中引入finereport.js，如下：

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

FR.cjkEncode(document.getElementById("username").value); //使用FR的內置編碼函數進(jìn)行編碼轉化

也可以自己寫(xiě)cjkEncode函數，實(shí)現方法見(jiàn)編碼轉換文檔。

另：如果登錄頁(yè)面所在工程不是FineReport的工程，則無(wú)法引入finereport.js，自定義cjkEncode函數，示例中沒(méi)有進(jìn)行編碼轉換。

完整代碼

修改后即可以實(shí)現跨域單點(diǎn)登錄的代碼如下：

<html>
<head>
<script type="text/javascript">
function doSubmit() {
var username =document.getElementById("username").value;
var password =document.getElementById("password").value;
var scr = document.createElement("iframe"); //創(chuàng )建iframe
scr.src = " http://localhost:8075/WebReport/ReportServer?op=touchfs&__redirect__=false&username=" + username + "&password=" + password; //將報表驗證用戶(hù)名密碼的地址指向此iframe
if (scr.attachEvent){ //判斷是否為ie瀏覽器
scr.attachEvent("onload", function(){ //如果為ie瀏覽器則頁(yè)面加載完成后立即執行
/*跳轉到指定登錄成功頁(yè)面，index.jsp
var f = document.getElementById("login");
f.submit(); */
window.location=" http://localhost:8075/WebReport/ReportServer?op=fs"; //直接跳轉到數據決策系統
});
} else {
scr.onload = function(){ //其他瀏覽器則重新加載onload事件
/*跳轉到指定登錄成功頁(yè)面,index.jsp
var f = document.getElementById("login");
f.submit(); */
window.location=" http://localhost:8075/WebReport/ReportServer?op=fs"; //直接跳轉到數據決策系統
};
}
document.getElementsByTagName("head")[0].appendChild(scr); //將iframe標簽嵌入到head中
}
</script>
</head>
<body>
<p>請登錄</p>
<form id="login" name="login" method="GET" action="" >
<p>用戶(hù)名:<input id="username" type="text" name="username" /></p>
<p>密碼:<input id="password" type="password" name="password"/></p>
<input type="button" value="登錄" onClick="doSubmit()" />
</form>
</body>
</html>

說(shuō)明：用戶(hù)名密碼表單中使用button來(lái)觸發(fā)doSubmit()，您只要將doSubmit()方法加入到您的OA的登錄頁(yè)面中即可，為了簡(jiǎn)化操作，完整代碼中沒(méi)有跳轉到指定頁(yè)面，直接跳轉到op=fs壓面。

4. 示例(平臺管理op=fr_platform登錄)

將上面的scr.src地址換成平臺管理的報表身份驗證地址即可：

scr.src = " http://localhost:8075/WebReport/ReportServer?op=touchpf&__redirect__=false&username=" + username + "&password=" + password;

5. 注銷(xiāo)用戶(hù)

5.1 管理平臺的登出

當注銷(xiāo)項目用戶(hù)時(shí)，同時(shí)也希望注銷(xiāo)報表用戶(hù)名的session，即退出管理平臺，這時(shí)可在點(diǎn)擊退出按鈕時(shí)調用一下報表登出驗證方法：/WebReport/ReportServer?op=auth_logout就可以實(shí)現FR管理平臺的退出登錄。

5.2 數據決策系統(op=fs)的登出

當將FineReport的決策系統集成到項目中時(shí)，注銷(xiāo)項目用戶(hù)，同時(shí)也希望注銷(xiāo)決策系統的用戶(hù)名session，即退出決策系統，其登出方法為：/WebReport/ReportServer?op=fs_load&cmd=logout就可以實(shí)現FR決策系統的登出。

本站僅提供存儲服務(wù)，所有內容均由用戶(hù)發(fā)布，如發(fā)現有害或侵權內容，請點(diǎn)擊舉報。

欧美性猛交XXXX免费看蜜桃,成人网18免费韩国,亚洲国产成人精品区综合,欧美日韩一区二区三区高清不卡,亚洲综合一区二区精品久久