jsp实现用户登录

登录界面 login.jsp:

 

[java] view plain copy
 
  1. <%@ page language="java" import="java.util.*" contentType="text/html; charset=utf-8"%>  
  2. <%  
  3.    String path = request.getContextPath();  
  4.    String basePath = request.getScheme()+"://"+request.getServerName()+":"+request.getServerPort()+path+"/";  
  5. %>  
  6. <html>  
  7.     <head>  
  8.         <!-- Page title -->  
  9.         <title>imooc - Login</title>  
  10.         <!-- End of Page title -->  
  11.         <!-- Libraries -->  
  12.         <link type="text/css" href="css/login.css" rel="stylesheet" />      
  13.         <link type="text/css" href="css/smoothness/jquery-ui-1.7.2.custom.html" rel="stylesheet" />     
  14.         <script type="text/javascript" src="js/jquery-1.3.2.min.js"></script>  
  15.         <script type="text/javascript" src="js/easyTooltip.js"></script>  
  16.         <script type="text/javascript" src="js/jquery-ui-1.7.2.custom.min.js"></script>  
  17.         <!-- End of Libraries -->   
  18.     </head>  
  19.     <body>  
  20.     <div id="container">  
  21.         <div class="logo">  
  22.             <a href="#"><img src="logo.png" alt="" /></a>  
  23.         </div>  
  24.         <div id="box">  
  25.             <form action="dologin.jsp" method="post">  
  26.             <p class="main">  
  27.                 <label>用户名: </label>  
  28.                 <input name="username" value="" />   
  29.                 <label>密码: </label>  
  30.                 <input type="password" name="password" value="">    
  31.             </p>  
  32.             <p class="space">  
  33.                 <input type="submit" value="登录" class="login" style="cursor: pointer;"/>  
  34.             </p>  
  35.             </form>  
  36.         </div>  
  37.     </div>  
  38.     </body>  
  39. </html>  


对登录的响应 dologin.jsp:

 

 

[java] view plain copy
 
  1. <%@ page language="java" import="java.util.*" contentType="text/html; charset=utf-8"%>  
  2. <%  
  3.   String path = request.getContextPath();  
  4.   String basePath = request.getScheme()+"://"+request.getServerName()+":"+request.getServerPort()+path+"/";  
  5.   String username ="";  
  6.   String password ="";  
  7.   request.setCharacterEncoding("utf-8");//防止中文乱码  
  8.     
  9.   username = request.getParameter("username");  
  10.   password = request.getParameter("password");  
  11.     
  12.   //如果用户和密码都等于admin,则登录成功  
  13.   if("admin".equals(username)&&"admin".equals(password))  
  14.   {  
  15.      session.setAttribute("loginUser", username);  
  16.      request.getRequestDispatcher("login_success.jsp").forward(request, response);  
  17.        
  18.   }  
  19.   else  
  20.   {  
  21.      response.sendRedirect("login_failure.jsp");  
  22.   }  
  23. %>  


这里注意的是：

 

   request传送信息需要设置编码方式，request.setCharacterEncoding("utf-8");

 

	request.getRequestDispatcher("login_success.jsp")取得一个RequestDispatcher，一个请求分发器对象，它的方法forward(request,response)作用是将请求转发到login_success.jsp，request封装了请求信息，response封装了响应信息。注意是forward方式，这种方式只转发请求，不产生新的request对象。如下图：

	成功界面：login_success.jsp
[java] view plain copy
 
  1. <%@ page language="java" import="java.util.*" contentType="text/html; charset=utf-8"%>  
  2. <%  
  3.    String path = request.getContextPath();  
  4.    String basePath = request.getScheme()+"://"+request.getServerName()+":"+request.getServerPort()+path+"/";  
  5. %>  
  6. <html>  
  7.     <head>  
  8.         <!-- Page title -->  
  9.         <title>imooc - Login</title>  
  10.         <!-- End of Page title -->  
  11.         <!-- Libraries -->  
  12.         <link type="text/css" href="css/login.css" rel="stylesheet" />      
  13.         <link type="text/css" href="css/smoothness/jquery-ui-1.7.2.custom.html" rel="stylesheet" />     
  14.         <script type="text/javascript" src="js/jquery-1.3.2.min.js"></script>  
  15.         <script type="text/javascript" src="js/easyTooltip.js"></script>  
  16.         <script type="text/javascript" src="js/jquery-ui-1.7.2.custom.min.js"></script>  
  17.         <!-- End of Libraries -->   
  18.     </head>  
  19.     <body>  
  20.     <div id="container">  
  21.         <div class="logo">  
  22.             <a href="#"><img src="logo.png" alt="" /></a>  
  23.         </div>  
  24.         <div id="box">  
  25.         <%  
  26.             String loginUser = "";  
  27.             if(session.getAttribute("loginUser") != null) {  
  28.                 loginUser = session.getAttribute("loginUser").toString();  
  29.             }  
  30.         %>  
  31.               
  32.             欢迎您<font color = "red"> <%=loginUser %></font>,登陆成功！  
  33.         </div>  
  34.     </div>  
  35.     </body>  
  36. </html>  

login_failure.jsp:
[java] view plain copy
 
  1. <%@ page language="java" import="java.util.*" contentType="text/html; charset=utf-8"%>  
  2. <%  
  3.    String path = request.getContextPath();  
  4.    String basePath = request.getScheme()+"://"+request.getServerName()+":"+request.getServerPort()+path+"/";  
  5. %>  
  6. <html>  
  7.     <head>  
  8.         <!-- Page title -->  
  9.         <title>imooc - Login</title>  
  10.         <!-- End of Page title -->  
  11.         <!-- Libraries -->  
  12.         <link type="text/css" href="css/login.css" rel="stylesheet" />      
  13.         <link type="text/css" href="css/smoothness/jquery-ui-1.7.2.custom.html" rel="stylesheet" />     
  14.         <script type="text/javascript" src="js/jquery-1.3.2.min.js"></script>  
  15.         <script type="text/javascript" src="js/easyTooltip.js"></script>  
  16.         <script type="text/javascript" src="js/jquery-ui-1.7.2.custom.min.js"></script>  
  17.         <!-- End of Libraries -->   
  18.     </head>  
  19.     <body>  
  20.     <div id="container">  
  21.         <div class="logo">  
  22.             <a href="#"><img src="logo.png" alt="" /></a>  
  23.         </div>  
  24.         <div id="box">  
  25.             登录失败！检查用户或者密码  
  26.             <a href="login.jsp">返回登录界面</a>  
  27.         </div>  
  28.     </div>  
  29.     </body>  
  30. </html>  
posted @ 2017-06-25 18:21  Lawliet__zmz  阅读(393)  评论(0)  编辑  收藏  举报