使用HTML自定义登录页面 FineReport帮助文档|报表开发|报表使用|学习教程

历史版本1 :使用HTML自定义登录页面返回文档

编辑时间:11-11 09:22 历史版本: 最新历史版本下一篇历史版本 内容长度:10814 图片数:2目录数:5 修改原因:修正错误

1. 问题描述
2. 解决思路
3. 示例
4. 总结
5. Session传值

1. 问题描述编辑

在登陆平台时，不希望使用FR默认的内置登录界面，想通过自定义登录界面实现登录操作，内置登录界面如下图：

2. 解决思路编辑

登陆界面，获取到用户名和密码的值，发送到报表系统，报表服务带着这两个参数访问认证地址进行认证。

3. 示例编辑

3.1 自定义登陆界面

登陆界面设置

自定义html登陆页面：命名为login.html，并把保存在%FR_HOME%\WebReport下，代码如下：

</span></div><div class="doc_description" style="color: rgb(56, 56, 56); font-size: 14px; text-indent: 22px; text-align: justify; margin-top: 5px; margin-bottom: 5px; font-family: 微软雅黑; font-style: normal; font-variant: normal; font-weight: normal; letter-spacing: normal; line-height: 22px; orphans: auto; text-transform: none; white-space: normal; widows: auto; word-spacing: 0px; -webkit-text-stroke-width: 0px;"><span class="doc_warning" style="color: red;">注：dosubmit()是主要的逻辑判断，实现的是将对应的值传给报表服务的逻辑实现过程.</span></div><div class="doc_h2" style="font-weight: bold; font-size: 15px; color: rgb(56, 56, 56); margin-top: 11px; margin-bottom: 11px;"><div class="hdwiki_tmmll">3.2 调用登陆界面</div></div><div class="doc_description" style="color: rgb(56, 56, 56); font-size: 14px; text-indent: 22px; text-align: justify; margin-top: 5px; margin-bottom: 5px; font-family: 微软雅黑; font-style: normal; font-variant: normal; font-weight: normal; letter-spacing: normal; line-height: 22px; orphans: auto; text-transform: none; white-space: normal; widows: auto; word-spacing: 0px; -webkit-text-stroke-width: 0px;">登录系统<span class="doc_dir" style="font-weight: bold; color: rgb(139, 0, 139);">http://localhost:8075/WebReport/ReportServer?op=fs</span>，选择<span class="doc_navigation" style="font-weight: bold; color: rgb(0, 128, 128);">管理系统>平台外观</span>，在<span class="doc_navigation" style="font-weight: bold; color: rgb(0, 128, 128);">登陆页</span>选项中选择<span class="doc_navigation" style="font-weight: bold; color: rgb(0, 128, 128);">设置登录网页</span>，并输入自定义登录页面的路径：<span class="doc_dir" style="font-weight: bold; color: rgb(139, 0, 139);">/WebReport/login.html</span>，如下图所示：</div><div class="doc_description" style="color: rgb(56, 56, 56); font-size: 14px; text-indent: 22px; text-align: justify; margin-top: 5px; margin-bottom: 5px; font-family: 微软雅黑; font-style: normal; font-variant: normal; font-weight: normal; letter-spacing: normal; line-height: 22px; orphans: auto; text-transform: none; white-space: normal; widows: auto; word-spacing: 0px; -webkit-text-stroke-width: 0px;"><img src="/uploads/201511/1447204944KRYNzuSN.png" style="padding: 10px 0px 5px;" /></div><div class="doc_h1" style="font-weight: bold; font-size: 16px; color: rgb(56, 56, 56); line-height: 11px; margin-top: 20px; margin-bottom: 16px;">		</div>
			
					
		        <a class="mylink clr" name="7"  href="javascript:"></a>
		<div class="nei_main1"><h2 class="para-title level-2"><span class="title-text">4. 总结</span><a class="edit-icon" href="doc-editsection-882-7.html" >编辑</a></h2></div>
			
					
		<div class="content_topp">
		</div><div class="doc_description" style="color: rgb(56, 56, 56); font-size: 14px; text-indent: 22px; text-align: justify; margin-top: 5px; margin-bottom: 5px; font-family: 微软雅黑; font-style: normal; font-variant: normal; font-weight: normal; letter-spacing: normal; line-height: 22px; orphans: auto; text-transform: none; white-space: normal; widows: auto; word-spacing: 0px; -webkit-text-stroke-width: 0px;">比如说若用户有自己的系统，将FR集成到自己已有系统中，该系统有自己的登陆界面，希望登录自己系统的同时也登录报表（即将输入的用户名密码也发送到报表服务进行认证），从而访问报表时不需要再次登录即单点登录。步骤如下：</div><div class="doc_description" style="color: rgb(56, 56, 56); font-size: 14px; text-indent: 22px; text-align: justify; margin-top: 5px; margin-bottom: 5px; font-family: 微软雅黑; font-style: normal; font-variant: normal; font-weight: normal; letter-spacing: normal; line-height: 22px; orphans: auto; text-transform: none; white-space: normal; widows: auto; word-spacing: 0px; -webkit-text-stroke-width: 0px;"><span class="doc_dir" style="font-weight: bold; color: rgb(139, 0, 139);">1、找到您系统登录页面如login.jsp；</span></div><div class="doc_description" style="color: rgb(56, 56, 56); font-size: 14px; text-indent: 22px; text-align: justify; margin-top: 5px; margin-bottom: 5px; font-family: 微软雅黑; font-style: normal; font-variant: normal; font-weight: normal; letter-spacing: normal; line-height: 22px; orphans: auto; text-transform: none; white-space: normal; widows: auto; word-spacing: 0px; -webkit-text-stroke-width: 0px;"><span class="doc_dir" style="font-weight: bold; color: rgb(139, 0, 139);">2、在login.jsp页面head中引入finereport.js；</span></div><div class="doc_description" style="color: rgb(56, 56, 56); font-size: 14px; text-indent: 22px; text-align: justify; margin-top: 5px; margin-bottom: 5px; font-family: 微软雅黑; font-style: normal; font-variant: normal; font-weight: normal; letter-spacing: normal; line-height: 22px; orphans: auto; text-transform: none; white-space: normal; widows: auto; word-spacing: 0px; -webkit-text-stroke-width: 0px;"><span class="doc_dir" style="font-weight: bold; color: rgb(139, 0, 139);">3、在login.jsp页面javascript中定义function如dosubmit，在dosubmit中获取到输入的用户名密码，并通过iframe方式或者ajax方式进行认证，详细代码请查看</span><span><a href="http://www.finereporthelp.com/help/14/2/15/3/0.html" target="_blank">平台系统单点登录接口</a></span>。</div><div class="doc_description" style="color: rgb(56, 56, 56); font-size: 14px; text-indent: 22px; text-align: justify; margin-top: 5px; margin-bottom: 5px; font-family: 微软雅黑; font-style: normal; font-variant: normal; font-weight: normal; letter-spacing: normal; line-height: 22px; orphans: auto; text-transform: none; white-space: normal; widows: auto; word-spacing: 0px; -webkit-text-stroke-width: 0px;"><span class="doc_dir" style="font-weight: bold; color: rgb(139, 0, 139);">4、在FineReport平台系统中设置自定义登录页面地址为您系统的登录地址。</span></div><div class="doc_description" style="color: rgb(56, 56, 56); font-size: 14px; text-indent: 22px; text-align: justify; margin-top: 5px; margin-bottom: 5px; font-family: 微软雅黑; font-style: normal; font-variant: normal; font-weight: normal; letter-spacing: normal; line-height: 22px; orphans: auto; text-transform: none; white-space: normal; widows: auto; word-spacing: 0px; -webkit-text-stroke-width: 0px;"><span class="doc_warning" style="color: red;">若您是OA系统或者报表系统和您的项目系统不在同一个服务器上，第三步可参考</span><span><a href="http://www.finereporthelp.com/help/14/2/15/3/1.html" target="_blank">ajax跨域单点登录</a></span><span class="doc_warning" style="color: red;">章节。</span></div><div class="doc_h1" style="font-weight: bold; font-size: 16px; color: rgb(56, 56, 56); line-height: 11px; margin-top: 20px; margin-bottom: 16px;">		</div>
			
					
		        <a class="mylink clr" name="9"  href="javascript:"></a>
		<div class="nei_main1"><h2 class="para-title level-2"><span class="title-text">5. Session传值</span><a class="edit-icon" href="doc-editsection-882-9.html" >编辑</a></h2></div>
			
					
		<div class="content_topp">
		</div><p></p><div class="doc_description" style="color: rgb(56, 56, 56); text-indent: 22px; text-align: justify; margin-top: 5px; margin-bottom: 5px; font-family: 微软雅黑; line-height: 22px;">对于java系统来说，可将用户名与密码放在session中，把我们报表集成在同一环境下面，报表可自动获取到用户名和密码的值进行验证。</div>		</div>
			
			</div>

</div>
</div>

</div>
</body>
</html>