登录页面讲解二
if (top != self) {
parent.location.href = ‘/login.html’;
}
保证登录窗口是独立的窗口,否则在父级窗口打开登陆页面。
var user = loginInfo();
if (user != “”) {
location.href = ‘/’;
}
function loginInfo(){
var user = “”;
$.ajax({
type : ‘get’,
url : ‘/sys/login’,
async: false,
success : function(data){
if(data != null && data != “”){
user = data;
}
},
error: function(xhr,textStatus,errorThrown){
var msg = xhr.responseText;
var response = JSON.parse(msg);
$("#info").html(response.message);
}
});
return user;}
这个函数代码是与loginCotroller类的下列方法交互:
@ApiOperation(value = "当前登录用户")
@GetMapping("/sys/login")
public User getLoginInfo() {
return UserUtil.getCurrentUser();
}
这个方法第调用UserUtil.getCurrentUser()获取session中的用户信息。如果有就不需要填登录信息,直接进入。
function login(obj) {
$(obj).attr(“disabled”, true);
var username =
.
t
r
i
m
(
.trim(
.trim((’#username’).val());
var password =
.
t
r
i
m
(
.trim(
.trim((’#password’).val());
if (username == “” || password == “”) {
$("#info").html(‘用户名或者密码不能为空’);
$(obj).attr(“disabled”, false);
对用户填入信息的审核,不允许为空。
} else {
$.ajax({
type : ‘post’,//提交方式是post
url : ‘/sys/login’,//loginController的web方式登录。
data : $("#login-form").serialize(),//序列化表单数据
success : function() {
location.href = ‘/’;//成功登陆转向index.html
},
error : function(xhr, textStatus, errorThrown) {
var msg = xhr.responseText;//错误的信息
var response = JSON.parse(msg);//转换为json对象。
$("#info").html(response.message);//在#info中显示
$(obj).attr(“disabled”, false);//登录按钮启用
}
});
}
}