实现后台管理系统的登陆验证

    简单来说登陆验证有两种实现方式:

           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";
}


    }

OK!!!这样后台的登陆验证功能也就完成了!!!

            


                                                                                                      
Logo

快速构建 Web 应用程序

更多推荐