自定义登录网页

顶( )

最后更新日期：

有人发表评论 (点击查看)

描述
设置登录背景图片

背景图片更改
效果查看

设置登录网页

更改登录网页
效果查看

1. 描述

登录网页是指输入用户名密码登录系统页面。

自定义登录网页包括设置登录背景图片和设置登录网页。

2. 设置登录背景图片

2.1 背景图片更改

若不需要调整整体登录界面格式，只需要修改背景，选择自定义登录背景图片，点击图片上传按钮，上传背景图片，然后点击保存按钮即可。

注：自定义登陆界面的图片是有大小限制的，不小于1024*768。

2.2 效果查看

保存设置之后，登出系统，可以看到登录页面的背景图片更改了，如下图：

3. 设置登录网页

3.1 更改登录网页

若不希望使用内置的登陆界面，想自定义一个网页作为登陆界面，请选择设置登录网页完全自定义登录界面，如下图：

<html>  
<head>  
<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);  //获取输入的参数  
	jQuery.ajax({  
     url:"http://localhost:8075/WebReport/ReportServer?op=fs_load&cmd=sso",//单点登录的报表服务器  
     dataType:"jsonp",//跨域采用jsonp方式  
     data:{"username":username,"password":password},//获取用户名密码  
     jsonp:"callback",  
     timeout:5000,//超时时间（单位：毫秒）  
     success:function(data) {  
            if (data.status === "success") { 
				window.location=data.url;
                  //登录成功     
            } else if (data.status === "fail"){  
                 alert("用户名或密码错误");//登录失败（用户名或密码错误）  
            }  
     },  
     error:function(){  
           alert("超时或服务器其他错误");// 登录失败（超时或服务器其他错误）  
     }  
}); 
}  
</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>

代码详情请查看管理平台登录页面设置。

3.2 效果查看

点击保存，登出系统，看到的登录页面如下图：

文明发言，用心评论

		应用此篇文章，您: 不费力研究了一会琢磨了好久

查看全部条>>	<<只显示5条

返回顶部