实现后台管理系统的登陆验证
简单来说登陆验证有两种实现方式:
1.通过ajax进行验证;
2.通过from表单提交进行验证;
这里就先介绍一下通过ajax进行登陆验证的方法。
首先在登陆验证的页面上,给登陆按钮添加一个点击事件,如果点击登陆按钮,然后就获取你所填写的账号与密码,如果任意一个为空,则提示账号密码不能为空;如果账号密码都不为空,则通过id标签获取你所填写的账号密码的值,通过ajax将账号密码作为参数提交到后台进行查找验证,如果在验证成功,则返回一个data,表示验证通过,成功登陆;否则提示账号密码有误,请重新输入!!!
这里我也将我的代码贴出,更直观的看一下:
登陆页面关键代码如下:
<input type="text" placeholder="用户名" id="username" name="username"/>
<input type="password" placeholder="密码" id="password" name="password"/>
<a type="button" class="btn btn-success" οnclick="loginindex()"/>登陆</a></span>
<script type="text/javascript">
function loginindex(){
if(document.getElementById("username").value==''||document.getElementById("password").value==''){
alert("请输入用户名和密码");
}else{
var name,pass;
name= document.getElementById("username").value;
pass= document.getElementById("password").value;
$.ajax({
async:false,
type: "POST",
url: "login.do",//注意路径 (后台登陆验证的方法)
data:{"username":name,"password":pass},
dataType:"text",
success:function(data){
if(data=="1"){
window.location.href="a.jsp"; (验证成功后进入的页面)
}else{
alert("用户名或密码错误,登录失败");
}
}
});
}}
</script>
后台关键代码如下:
public String login(HttpServletResponse response,HttpServletRequest request){
String username = request.getParameter("username");
String password = request.getParameter("password");
//根据登陆名和密码查询用户
Manager manager = new Manager();
manager.setName(username);
manager.setPassword(password);
Manager m = mService.login(manager);
if(null != m){
return "1";
}else{
return "2";
}
}
String username = request.getParameter("username");
String password = request.getParameter("password");
//根据登陆名和密码查询用户
Manager manager = new Manager();
manager.setName(username);
manager.setPassword(password);
Manager m = mService.login(manager);
if(null != m){
return "1";
}else{
return "2";
}
}
OK!!!这样后台的登陆验证功能也就完成了!!!