JSP带验证码的登录实现

JSP带验证码的登录实现

<script>
	function f(){
		document.getElementById("username").focus();
	}
	function check(){//这个检查的方法可能写的并不好，输入空格的情况就没有判断
	   var username=document.getElementById("username").value;
	   var pwd=document.getElementById("pwd").value;
	   var yzm=document.getElementById("yzm").value;
	   if(username.length==0){
	     alert("请输入用户名");
	     return false;
	   }
	   if(pwd.length==0){
	    alert("请输入密码");
	    return false;
	   }
	   if(yzm.length==0){
	     alert("请输入验证码");
	     return false;
	   }
	}
</script>

<--!这就是用户需要填写的表单-->
<form method="get" action="">
	用户名：<input type="text" name="username"/> <br>
	密码 ： <input type="password" name="pwd"/><br>
	验证码: <input type="text" name="yzm" style="width=50;"/>
	<img src="http://mcmrc7jvie8v71n:8080/tax/servlet/Check" onclick="history.go(0)" title="点击刷新验证码"/><br>
	<input type="submit" name="submit" Onclick="return check()" value="登录"/>
	<input type="reset" name="reset" value="重置" />
</form>

这里验证码是用servlet来实现的，在服务器端绘制好图片后直接用图片标签来调用就可以了<img src="http://mcmrc7jvie8v71n:8080/tax/servlet/Check" οnclick="history.go(0)" title="点击刷新验证码"/>
生成验证图片的servlet类代码如下：

import java.awt.Color;
import java.awt.Font;
import java.awt.Graphics;
import java.awt.image.BufferedImage;
import java.io.IOException;
import java.util.Random;

import javax.imageio.ImageIO;
import javax.servlet.ServletException;
import javax.servlet.ServletOutputStream;
import javax.servlet.http.HttpServlet;
import javax.servlet.http.HttpServletRequest;
import javax.servlet.http.HttpServletResponse;
import javax.servlet.http.HttpSession;

public class Check extends HttpServlet {

	public String suijima(){
	   char [] str="ABCDEFGHIJKLMNOPQRSTUVWXYZ0123456789".toCharArray();
	   Random rd=new Random();
	   String suiji="";
	   int temp=0;
	   for(int i=0;i<4;i++){
	    temp=rd.nextInt(36);
	     suiji+=str[temp];
	   }
	   return suiji;
	}


	public void service(HttpServletRequest request, HttpServletResponse response)
	    throws ServletException, IOException {

	   String sjm=suijima();
	//将生成的随机码保存在session中
	   HttpSession session=request.getSession();
	     session.setAttribute("check",sjm); //在登录验证的时候会首先检查验证码是否输入正确
	     
	   BufferedImage buffimg=new BufferedImage(60,20,
	                BufferedImage.TYPE_INT_RGB);
	   Graphics g=buffimg.createGraphics();
	   Random rd=new Random();
	   int cr,cg,cb;
	   cr=rd.nextInt(255);
	   cg=rd.nextInt(255);
	   cb=rd.nextInt(255);
	   Color mycolor=new Color(cr,cg,cb);
	   //干扰线
	   g.setColor(mycolor);
	     for (int i = 0; i < 10; i++)
	        {
	            int x1 = rd.nextInt(60);
	            int x2 = rd.nextInt(60);
	            int y1 = rd.nextInt(20);
	            int y2 = rd.nextInt(20);
	            g.drawLine(x1, y1, x2, y2);
	        }
	     //显示随机码
	     Font myfont=new Font("times new roman",Font.PLAIN,19);
	   g.setFont(myfont);  
	   g.setColor(Color.WHITE);
	   g.drawString(sjm,5,15);
	  
	        //将图像输出到servlet输出流中。
	        ServletOutputStream sos=response.getOutputStream();
	        ImageIO.write(buffimg, "jpeg",sos);
	        sos.close();
	        g.dispose();
	}

}

验证登录成功的代码如下：
 

<jsp:useBean id="con" class="myBean.Dbcon" scope="page"/>
<%
    String strName=request.getParameter("username");
    String strPwd=request.getParameter("pwd");
    String strYzm=request.getParameter("yzm"); //用户输入的验证码
    String stryz=(String)session.getAttribute("check"); //servlet中生成的验证码
    String error="";
    boolean check=false;
    ResultSet myset;
    if(strYzm!=null&&stryz!=null)
    {
        strYzm=strYzm.toUpperCase();
       if(!strYzm.equals(stryz))
       {
         error="<font color='red'>验证码输入错误！</font>";
       }
       else
       {
         check=true;
       }
    }
    if(strName!=null&&strPwd!=null&&check)
    {
        //con是写的一个专门访问数据库的JavaBean，调用它的getset方法返回结果集
     myset=con.getset("select * from student where stu_id='"+strName+"' and pwd='"+strPwd+"'");
     if(myset!=null)
     {
       myset.last();
       if(myset.getRow()==1)
        {
          session.setAttribute("name",strName);
          session.setAttribute("pwd",strPwd);
          response.sendRedirect("index.jsp?");
        }
        else
        {
           error="用户名或密码错误!";
        }
     }
     con.close();
    }
%>