用户系统集成多维数据分析工具FineBI简单示例资料.pdf

用户系统集成多维数据分析工具 FineBI 简单示例 1. 描述 为了简化步骤，用户系统 BIdemo 里面只有两个页面：登录页面 login.html 和跳转页 面 index.html ，登录页面就是指用户系统输入用户名密码的页面，index.html 则是用户 名密码验证成功之后，用户系统的首页，该示例首页中以超链节点的方式将 FineBI 集成进 来。 2. 登录页面 login.html FineBI 平台拥有自己的用户登录界面，需要登录才能使用，在实际情况中，企业会有 自己的系统登录界面，如果将FineBI 嵌入在系统中，虽然用户登录了用户系统，但是没有 登录 FineBI 平台，当使用 FineBI 时，还要跳转到 FineBI 特定的登录页面登录，这对使用 者而言非常麻烦。因此需要在用户系统的登录页面登录时同时登录 FineBI 平台（即将输入 的用户名密码也发送到 FineBI 平台进行认证），从而访问 FineBI 时不需要再次登录。 2.1 FineBI 登录验证接口 用户输入用户名密码后点击提交或登录按钮时，触发 loginFR()方法，该方法中实现登 录事件并且通过 ajax 将用户名密码发送到 FineBI 平台进行验证，并且在验证成功时，触 发 html 中的表单提交事件，实现登录成功页面的跳转，实现 BI 认证代码如下： 1. function loginFR() { 2. var username =document.getElementById(username).value; 3. var password =document.getElementById(password).value; 4. var f = document.getElementById(loginForm); 5. jQuery.ajax({ 6. url:http://localhost:8080/FineBI/ReportServer?op=fs_loadcmd= sso,//FineBI平台登录验证地址 7. dataType:jsonp,//跨域采用 jsonp方式 8. data:{username:username,password:password},//将用户名密码值发 送过去 9. jsonp:callback, 10. timeout:5000,//超时时间（单位：毫秒） 11. success:function(data) { 12. if (data.status === success) {//验证成功 13. f.submit();//页面跳转到指定页面 14. 15. } else if (data.status === fail){ 16. alert(用户名密码错误！！！); //验证失败（用户 名或密码错误） 17. } 18. }, 19. error:function(){ 20. alert(超时或服务器其他错误！！！);// 验证失败（超时或服务器其他 错误） 21. } 22. }); 23. } 注：由于使用了 ajax ，需要引入jquery.js 。 另：如果用户名密码需要编码转换，可引入 finereport.js,使用 FR 的内置编码函数进行 编码转化，示例中，用户名无需编码转换，代码如下: 1. script type=text/javascript src=ReportServer?op=embresource=fi nereport.js/script 1. FR.cjkEncode(document.getElementById(username).value);