小威老师脚手架解析系列三

登录页面讲解二

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 = $.trim($(’#username’).val());
var password = $.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);//登录按钮启用
}
});

	}
}