如何利用BI驾驶舱FineBI进行 Iframe与表单方式的单点登录.pdf

如何利用 BI 驾驶舱 FineBI 进行 Iframe 与表单方式的单点登录 1 ．iframe 方式单点登录 在 OA 系统的登录界面的js 中将 BI 的用户权限验证地址以 iframe 的方式嵌入，然后再 在 iframe 里面触发表单登录事件，进行判断，验证成功即实现登录页面的跳转。这即是 iframe 单点登录的原理。其触发方式同“ajex 方式单点登录”一致，其初始引用代码也相 同。如下： 1. html 2. head 3. script type=text/javascript src=ReportServer?op=embresource=fi nereport.js/script 4. script type=text/javascript 5. function doSubmit() { } 用户认证 iframe 在 OA 系统的登录界面上，doSubmit 获取输入的username、password后，创建 iframe ，将报表验证用户名密码的认证地址指向此iframe 的 src。其代码为： 1. var username = FR.cjkEncode(document.getElementById(username).value); //获取输入的用户名 2. var password = FR.cjkEncode(document.getElementById(password).valu e); //获取输入的参数 3. var scr = document.createElement(iframe); //创建 iframe 4. scr.src = http://localhost:37799/WebReport/ReportServer?op=fs_load cmd=ssofr_username= + username + fr_password= + password; //将报 表验证用户名密码的地址指向此 iframe 认证判断 因为 onload 事件在不同的浏览器上的实现方式不同，因此在验证登录时要分别进行处 理，并将 iframe 嵌入到 head 中；验证代码如下： 1. if (scr.attachEvent){ //判断是否为 ie浏览器 2. scr.attachEvent(onload, function(){ //如果为 ie浏览器则页面加载完成后立即执行 3. var f = document.getElementById(login); /*跳转到指定登录 成功页面，index.jsp 4. f.submit(); */ 5. }); 6. } else { 7. scr.onload = function(){ //其他浏览器则重新加载 onload 事 件 8. var f = document.getElementById(login); /*跳转到指定登 录成功页面,index.jsp 9. f.submit(); */ 10. }; 11. } 12. document.getElementsByTagName(head)[0].appendChild(scr); // 将 iframe标签嵌入到 head 中 13. } 设置触发方式同“ajex 方式单点登录”一致，此处不再进行赘述。完整代码如下： 1. html 2. head 3. script type=text/javascript src=ReportServer?op=embresource=fi nereport.js/script 4. script type=text/javascript 5. function doSubmit() { 6. var username = FR.cjkEncode(document.getE