登錄網頁是指輸入用戶名密碼登錄系統頁面,下面就通過動態報表系統FineReport來進行介紹。
工具/原料
動態報表系統FineReport7.1.1
大小:148.2M 適用平臺:windows/linux
方法/步驟
自定義登錄網頁包括設置登錄背景圖片和設置登錄網頁,如下圖:
背景圖片更改
若不需要調整整體登錄界面格式,只需要修改背景,選擇自定義登錄背景圖片,點擊圖片上傳按鈕,上傳背景圖片,然後點擊保存按鈕即可。
注:自定義登陸界面的圖片是有大小限制的,不小於1024*768。
效果查看
保存設置之後,登出系統,可以看到登錄頁面的背景圖片更改了,如下圖:
更改登錄網頁
若不希望使用內置的登陸界面,想自定義一個網頁作為登陸界面,請選擇設置登錄網頁完全自定義登錄界面,如下圖:
login.html頁面的代碼如下:
function doSubmit() {
var username = FR.cjkEncode(document.getElementById("username").value); //獲取輸入的用戶名
var password = FR.cjkEncode(document.getElementById("password").value); //獲取輸入的參數
jQuery.ajax({
url:";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("超時或服務器其他錯誤");// 登錄失敗(超時或服務器其他錯誤)
}
});
}
請登錄
效果查看
點擊保存,登出系統,看到的登錄頁面如下圖: