JSP实现后台登录

「爱情、让人受尽委屈。」 2024-02-18 20:17 120阅读 0赞

20180520210035324

20180520210049282

20180520210123776

login.jsp

  1. <%@ page language="java" import="java.util.*" pageEncoding="utf-8"%>
  2. <%
  3. String path = request.getContextPath();
  4. String basePath = request.getScheme()+"://"+request.getServerName()+":"+request.getServerPort()+path+"/";
  5. %>
  7. <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
  8. <html>
  9.   <head>
  10.     <base href="<%=basePath%>">
  12.     <title>My JSP 'login.jsp' starting page</title>
  13.     <meta http-equiv="content-type" content="text/html; charset=utf-8">
  15.     <script type="text/javascript">
  16.         function check_admin(form){
  17.             if(form.user.value==""){
  18.                 alert("用户名不能为空");
  19.                 form.user.focus();
  20.                 return false;
  21.             }
  22.             if(form.pass.value==""){
  23.                 alert("密码不能为空");
  24.                 form.pass.focus();
  25.                 return false;
  26.             }
  27.             if(form.verify.value==""){
  28.                 alert("验证码不能为空");
  29.                 form.verify.focus();
  30.                 return false;
  31.             }
  32.         }
  33.     </script>
  35.   </head>
  37.   <body>
  38.     <center>
  39.         <form action="verify.jsp" method="post" onSubmit="return check_admin(this);">
  40.             <table width="400" border="1" bordercolor="#99ccff" cellpadding="0" cellspacing="0" style="border-collapse: collapse;">
  41.                 <tr>
  42.                     <td height="40" colspan="2" align="center">
  43.                      <font>后台登录</font> 
  44.                     </td>
  45.                 </tr>
  46.                 <tr>
  47.                     <td height="40" align="right"> 用户名 </td>
  48.                     <td width="200" align="left" valign="middle">
  49.                         <input type="text" name="user" size="21" />
  50.                     </td>                    
  51.                 </tr>
  52.                 <tr>
  53.                     <td height="40" align="right"> 密码 </td>
  54.                     <td width="40" align="left" valign="middle">
  55.                         <input type="password" name="pass" size="21" />
  56.                     </td>
  57.                 </tr>
  58.                 <tr>
  59.                     <td height="40" align="right"> 验证码 </td>
  60.                     <td > 
  62.                        <img border="0"   src="verifyCode.jsp">
  63.                     </td>
  64.                 </tr>
  65.                 <tr>
  66.                     <td height="40" align="right"> 输入验证码 </td>
  67.                     <td>
  68.                         <input type="text" name="verify" maxlength="4" size="21" value="" />
  69.                     </td>
  70.                 </tr>
  71.                 <tr>                    
  72.                     <td height="40" colspan="2" align="center">
  73.                         <input type="submit"  />     
  74.                         <input type="reset" />
  75.                     </td>
  76.                 </tr>
  77.             </table>
  78.         </form>
  79.     </center>
  80.   </body>
  81. </html>

login_ok.jsp

  1. <%@ page language="java" import="java.util.*" pageEncoding="utf-8"%>
  2. <%
  3. String path = request.getContextPath();
  4. String basePath = request.getScheme()+"://"+request.getServerName()+":"+request.getServerPort()+path+"/";
  5. %>
  7. <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
  8. <html>
  9.   <head>
  10.     <base href="<%=basePath%>">
  12.     <title>My JSP 'login_ok.jsp' starting page</title>
  14.     <meta http-equiv="pragma" content="no-cache">
  15.     <meta http-equiv="cache-control" content="no-cache">
  16.     <meta http-equiv="expires" content="0">    
  17.     <meta http-equiv="keywords" content="keyword1,keyword2,keyword3">
  18.     <meta http-equiv="description" content="This is my page">
  19.     <!--
  20.     <link rel="stylesheet" type="text/css" href="styles.css">
  21.     -->
  23.   </head>
  25.   <body>
  26.     <% 
  27.     String strLogin=(String)session.getAttribute("login");
  28.     String strUser=(String)session.getAttribute("me");
  29.     if (strLogin==null)
  30.     {
  31.         out.println("<h2>请先登录,谢谢!</h2>");
  32.         out.println("<h2>5秒钟后,自动跳转到登录页面!</h2>");
  33.         response.setHeader("Refresh","5;URL=login.jsp");
  34.     }
  35.     else 
  36.     {
  37.         if (strLogin.equals("ok"))
  38.         {
  39.             out.println(strUser+"欢迎进入我们的网站!");
  40.         }
  41.         else
  42.         {
  43.             out.println("<h2>用户名或密码错误,请重新登录!</h2>");
  44.             out.println("<h2>5秒钟后,自动跳转到登录页面!</h2>");
  45.             response.setHeader("Refresh","5;URL=login.jsp");
  46.         }
  47.     }
  48.  %>
  49.   </body>
  50. </html>

login_error.jsp

  1. <%@ page language="java" import="java.util.*" pageEncoding="utf-8"%>
  2. <%
  3. String path = request.getContextPath();
  4. String basePath = request.getScheme()+"://"+request.getServerName()+":"+request.getServerPort()+path+"/";
  5. %>
  7. <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
  8. <html>
  9.   <head>
  10.     <base href="<%=basePath%>">
  12.     <title>My JSP 'login_error.jsp' starting page</title>
  14.     <meta http-equiv="pragma" content="no-cache">
  15.     <meta http-equiv="cache-control" content="no-cache">
  16.     <meta http-equiv="expires" content="0">    
  17.     <meta http-equiv="keywords" content="keyword1,keyword2,keyword3">
  18.     <meta http-equiv="description" content="This is my page">
  19.     <!--
  20.     <link rel="stylesheet" type="text/css" href="styles.css">
  21.     -->
  22.             <style>
  23.             *{
  24.                 margin:0px;
  25.                 padding: 0px;
  26.             }
  27.             #t1{
  28.                 width:500px;  
  29.                 height:300px;
  30.                 background: #FFE4C4;  
  31.                 position:absolute;  
  32.                 left:50%;  
  33.                  top:50%;  
  34.                  margin:-150px 0 0 -250px;
  35.                  text-align: center;
  36.                  line-height: 300px;
  37.                  font-size:22px;
  38.             }
  39.             #myProgress {
  40.   width: 100%;
  41.   height: 30px;
  42.   position: relative;
  43.   background-color: #ddd;
  44. }
  46. #myBar {
  47.   background-color: #4CAF50;
  48.   width: 10px;
  49.   height: 30px;
  50.   position: absolute;
  51. }
  52.         </style>
  54.   </head>
  56.   <body>
  57.           <div id="t1">
  58.               <!-- <p>密码或验证码输入错误</p> -->
  59.             <p>密码或验证码输入错误,0分3秒后可跳转至login页</p>
  60.         </div>
  61.         <div id="myProgress">
  62.               <div id="myBar"></div>
  63.         </div>
  64.         <script type="text/javascript">
  65.             function move() {
  66.   var elem = document.getElementById("myBar");   
  67.   var width = 0;
  68.   var id = setInterval(frame, 20);
  69.   function frame() {
  70.     if (width == 100) {
  71.       clearInterval(id);  
  75.     } else {
  76.       width++; 
  77.       elem.style.width = width + '%'; 
  78.     }
  79.   }
  80. }
  84.             var maxtime = 2; //按秒计算，自己调整!   
  85.             function CountDown() {
  86.                 if (maxtime >= 0) {
  87.                     minutes = Math.floor(maxtime / 60);
  88.                     seconds = Math.floor(maxtime % 60);
  89.                     msg = "密码或验证码输入错误," + minutes + "分" + seconds + "秒后可跳转至login页";
  90.                     document.getElementById("t1").innerHTML=msg;
  91.                     //document.all["t1"].innerHTML = msg;
  92.                     //if (maxtime == 5 * 60)alert("还剩5分钟");
  93.                         --maxtime;
  94.                 } else{
  95.                     clearInterval(timer);
  96.                     //alert("时间到，结束!");
  97.                     window.location.href='./login.jsp';
  98.                 }
  99.             }
  101.             timer = setInterval("CountDown()", 1000); 
  102.             move();
  104.         </script>
  105.         <%-- <div style="font:20px;text-align:center;top:33%;left:33%;position:absolute;border:1px;border-color:red;">密码或验证码输入错误,3秒钟后跳转至login.jsp</div>
  106.         <script type="text/javascript">
  107.             window.navigator('./login.jsp');
  109.         </script>
  110.         <%
  111.         out.println( "<HTML><HEAD><META http-equiv='refresh' content='3; URL=/login/login.jsp' target=Main></HEAD><BODY bgcolor='#FFFFFF'></body></html>");
  112.         //out.println("<script language='javascript'>alert('账号或者密码输入不正确--您的操作有误!');window.location.href='/login/login.jsp';</script>");
  113.          %> --%>
  115.   </body>
  116. </html>

verify.jsp

  1. <%@ page language="java" import="java.util.*,com.JDBCUtil,java.sql.*" pageEncoding="utf-8"%>
  4. <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
  5. <html>
  6.   <head>
  9.     <title>My JSP 'verify.jsp' starting page</title>
  11.     <meta http-equiv="pragma" content="no-cache">
  12.     <meta http-equiv="cache-control" content="no-cache">
  13.     <meta http-equiv="expires" content="0">    
  14.     <meta http-equiv="keywords" content="keyword1,keyword2,keyword3">
  15.     <meta http-equiv="description" content="This is my page">
  17.   </head>
  19.   <body>
  20.     <%
  21.         String rand =(String)session.getAttribute("rand");
  22.         String input =request.getParameter("verify");
  23.         if(rand.equals(input))
  24.         {
  25.             String strUser=request.getParameter("user");
  26.             String strPass=request.getParameter("pass");
  27.             //打开连接
  28.             Connection conn = JDBCUtil.getConnection();
  29.             //设置sql语句和sql参数
  30.             String sql="select  COUNT(*)  from Admin where a_name= ? and a_pass= ?";
  31.             Object[] param =new Object[2];
  32.             param[0]=strUser;
  33.             param[1]=strPass;
  34.             //查询并返回结果集
  35.             ResultSet rs=JDBCUtil.doParamQuery(sql, param);
  36.             //将指针移动到第一行
  37.             rs.next();
  38.             //显示第一行第一列的值
  39.             System.out.println("数据库有"+rs.getInt(1)+"条记录与此相符合");
  40.             if(rs.getInt(1)==1){
  41.                 System.out.println("登录成功");
  42.                 //保存登录状态信息
  43.                 session.setAttribute("login", "ok");
  44.                 session.setAttribute("me", strUser);
  45.                 response.sendRedirect("./login_ok.jsp");
  48.             }else{
  49.                 System.out.println("登录失败");                
  51.                 response.sendRedirect("./login_error.jsp");
  52.                 //直接在此页返回login.jsp,会使验证码不刷新,故使用跳转至错误处理页,再跳转至login.jsp
  53.                 //out.println("<script>alert('登录失败')</script>");
  54.                 //window.history.back(-1);验证码不刷新
  55.                 //out.println("<script>window.history.back(-1);</script>");
  56.                 //out.println("<script>window.location.href('./index.jsp')</script>");
  57.             }
  58.         }else{
  59.             out.println("<script>alert('验证码错误')</script>");
  60.             response.sendRedirect("./login_error.jsp");
  61.             //直接在此页返回login.jsp,会使验证码不刷新,故使用跳转至错误处理页,再跳转至login.jsp
  62.             //out.println("<script>alert('验证码错误')</script>");
  63.             //out.println("<script>window.history.back(-1);</script>");
  64.             //out.println("<script>window.location.href('./index.jsp')</script>");
  65.         }
  68.         /*if(strUser.equals("admin")&&strPass.equals("admin")&&rand.equals(input)){
  69.             out.println("<h3>登陆成功</h3>");
  70.         }else{
  71.             out.println("<h3>登陆失败</h3>");
  72.         }*/
  73.         /*if(strUser.equals("admin"))
  74.         {
  75.             if(strPass.equals("admin"))
  76.             {
  77.                 if(rand.equals(input))
  78.                 {
  79.                     out.println("<script>alert('登录成功')</script>");
  80.                     out.println("登录成功");
  81.                 }
  82.                 else{
  83.                     out.println("<script>alert('验证码错误')</script>");
  84.                     out.println("<script>window.location.href('./index.jsp')</script>");                
  85.                 }            
  86.             }
  87.             else{
  88.                 out.println("<script>alert('密码错误')</script>");
  89.                 out.println("<script>window.location.href('./index.jsp')</script>");                
  90.             }        
  91.         }
  92.         else
  93.         {
  94.             out.println("<script>alert('用户名不存在')</script>");
  95.             out.println("<script>window.location.href('./index.jsp')</script>");
  96.         }
  97.         */
  98.      %>
  99.   </body>
  100. </html>

verifyCode.jsp

  1. <!--设置页面类型和编码  -->
  2. <%@ page contentType="image/jpeg"  language="java"  pageEncoding="utf-8"%>
  3. <!--导入需要的包 -->
  4. <%@ page import="java.util.*,java.awt.*,java.awt.image.*,javax.imageio.*"%>
  5. <!--给定范围获得随机颜色 -->
  6. <%!
  7.     Color getRandColor(int fc,int bc)
  8.     {        
  9.         if(fc>255) fc=255;
  10.         if(bc>255) bc=255;
  11.         //随机生成rgb颜色
  12.         Random random = new Random();
  13.         int r=fc+random.nextInt(bc-fc);
  14.         int g=fc+random.nextInt(bc-fc);
  15.         int b=fc+random.nextInt(bc-fc);
  16.         return new Color(r,g,b);
  17.     }
  18. %>
  19. <%
  20. //设置页面不缓存
  21. response.setHeader("Pragma","No-cache");
  22. response.setHeader("Cache-Control","no-cache");
  23. response.setDateHeader("Expires", 0);
  24. // 在内存中创建图象
  25. int width=60, height=20;
  26. BufferedImage image = new BufferedImage(width, height, BufferedImage.TYPE_INT_RGB);
  28. // 获取图形上下文
  29. Graphics g = image.getGraphics();
  31. //生成随机类
  32. Random random = new Random();
  34. // 设定背景色
  35. g.setColor(getRandColor(200,250));
  36. g.fillRect(0, 0, width, height);
  38. //设定字体
  39. g.setFont(new Font("Times New Roman",Font.PLAIN,22));
  41. //画边框
  42. //g.setColor(new Color());
  43. //g.drawRect(0,0,width-1,height-1);
  45. // 随机产生155条干扰线，使图象中的认证码不易被其它程序探测到
  46. g.setColor(getRandColor(160,200));
  47. for (int i=0;i<155;i++)
  48. {
  49.      int x = random.nextInt(width);
  50.      int y = random.nextInt(height);
  51.     int xl = random.nextInt(12);
  52.     int yl = random.nextInt(12);
  53.      g.drawLine(x,y,x+xl,y+yl);
  54. }
  56. // 取随机产生的认证码(4位数字)
  57. String sRand="";
  58. for (int i=0;i<4;i++){
  59.     String rand=String.valueOf(random.nextInt(10));
  60.     sRand+=rand;
  61.     // 将认证码显示到图象中
  62.     g.setColor(new Color(20+random.nextInt(110),40+random.nextInt(110),60+random.nextInt(110)));
  63.     //调用函数出来的颜色相同，可能是因为种子太接近，所以只能直接生成
  64.     g.drawString(rand,13*i+6,16);
  65. }
  67. // 将认证码存入SESSION
  68. session.setAttribute("rand",sRand);
  70. // 图象生效
  71. g.dispose();
  73. // 输出图象到页面
  74. ImageIO.write(image, "JPEG", response.getOutputStream());
  75. %>

发表评论

表情：
评论列表 （有 0 条评论，120人围观）

还没有评论，来说两句吧...

相关阅读