Springboot实现用户注册登录 拦截器实现权限管理

1.用户注册
用户名错误演示

刷新后填写不完整,直接点击注册

代码片段

function IsNull(){
	var username=document.getElementById("setuname");
	var pwd=document.getElementById("setpwd");
	var pwd2=document.getElementById("setpwd2");
	if(username.value==""){
		alert("请填写用户名!");
		return false;
	}else if(pwd.value==""||pwd2.value==""){
		alert("请填写密码!");
		return false;
	}else{
		return true;
	}
}

密码错误简单逻辑

• 用户名填写完成后,禁用注册按钮.
• 判断密码长度,判断两次输入是否相同.
• 若判断全部通过则解除注册按钮禁用.

密码输入错误(长度错误与两次不相同错误)演示

js代码片段

$(document).ready(function(){
	
	$("#setuname,#setpwd,#setpwd2").change(function(){
		//alert("动态添加失焦事件");
		var username=$("#setuname").val();
		var pwd=$("#setpwd").val();
		var pwd2=$("#setpwd2").val();
		var s="";
		var s2="";
		$.get("check", { username: username},
			function(data){
				$("#str1").html(data.str1);
				if(data.str1=="用户名已存在"||data.str1=="用户名长度超出范围"||data.str1=="用户名长度太短"
						||data.str1=="用户名不能为空"){
					$("#setuname").focus();
					$('#register,#setpwd,#setpwd2').attr("disabled",true);
				}else{
					$('#setpwd,#setpwd2').attr("disabled",false);
					if(pwd==""||pwd2==""){
						$('#register').attr("disabled",true);
					}else{
						if(pwd.length<6){
							s="密码长度太短";
							$("#setpwd").focus();
							$('#register,#setpwd2').attr("disabled",true);
						}else{
							$('#setpwd2').attr("disabled",false);
							if(pwd!=pwd2){
								s="两次密码不相同";
								$("#setpwd").focus();
								$('#register').attr("disabled",true);
							}else if(pwd==pwd2){
								s2="ready!"
								$('#setpwd2,#register').attr("disabled",false);
							}
						}
					}
				}
				$("#str2").html(s);
				$("#str3").html(s2);
			});
	});
});

注册成功演示

登录时输入错误演示

登录成功演示

2.添加拦截器,当用户没有登录时,访问登录成功页面,则不成功,跳转回登录页面.

• 原理:将登录的user存入HttpSession中,在Filter中判断user是否为空,为空则跳转到登录页面,不为空则放行到登录成功页面.
• 未登录时访问登录成功页面
• 登录后访问登录成功页面,可以直接访问