快捷搜索:

您的位置:澳门新葡4473网站 > 新闻社区 > jsp实现用户登录

jsp实现用户登录

发布时间:2019-10-10 07:07编辑:新闻社区浏览(76)

    最近用nodeclub实现股票的输入关键字自动补全股票信息进行搜索功能,原先用jQuery-ui,结果jQuery-ui库太大,所以考虑用其他插件,最终选择使用autocomplete.js,控件简单用着方便。留下记录

    登录界面 login.jsp:

    源码如下:

     

     

    [java] view plain copy

     

     

    <!doctype html>
    <html lang="en-US">
    <head>
      <meta http-equiv="Content-Type" content="text/html;charset=utf-8">
      <title>Input Autocomplete Suggestions Demo</title>
      <link rel="stylesheet" type="text/css" media="all" href="style.css">
      <script type="text/javascript" src="js/codedata.js"></script>
      <script type="text/javascript" src="js/jquery-1.9.1.min.js"></script>
      <script type="text/javascript" src="js/jquery.autocomplete.min.js"></script>
      <script type="text/javascript" src="js/currency-autocomplete.js"></script>
    </head>

    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>  

    <body>
      <div id="w">
        <div id="content">
          <h1>World Currencies Autocomplete Search</h1>
          <p>Just start typing and results will be supplied from the JavaScript. Check out <a href=" Autocomplete</a> on Github.</a></p>
          
          <div id="searchfield">
            <form><input type="text" name="currency" class="biginput" id="autocomplete"></form>
          </div><!-- @end #searchfield -->
          
          <div id="outputbox">
            <p id="outputcontent">Choose a currency and the results will display here.</p>
          </div>
        </div><!-- @end #content -->
      </div><!-- @end #w -->
    </body>
    </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对象。如下图:
    

    图片 1

       成功界面: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>  

    本文由澳门新葡4473网站发布于新闻社区,转载请注明出处:jsp实现用户登录

    关键词:

上一篇:没有了

下一篇:没有了