带图形验证码的登录模块

1、生成图片用到的类

        （1）BufferedImage图像数据缓冲区。

        （2）Graphics绘制图片

（3）Color获得颜色

（4）Random生成随机数

（5）ImageIO输出图片

2、生成图片的步骤

   2-1、 生成图片的实现类（创建ImageServlet类）

（1）定义BufferedImage对象

（2）获得Graphics对象

（3）通过Random产生随机验证码信息

（4）使用Graphics绘制图片

（5）记录验证码信息到session中

（6）使用ImageIO输出图片

    2-2、校验验证码是否正确（LoginServlet类）

（1）获取页面验证码

（2）获取session保存的验证码

（3）比较验证码

（4）返回校验结果

3、源代码

  3-1、生成图片的类

package com.caokaiyuan.servlet;


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


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 CheckCodeServlet extends HttpServlet
{
private static final long serialVersionUID = 1L;




public void doGet(HttpServletRequest request, HttpServletResponse response)
throws ServletException, IOException
{
this.doPost(request, response);
}



public void doPost(HttpServletRequest request, HttpServletResponse response)
throws ServletException, IOException 
{
response.setContentType("image/jpeg");
HttpSession session = request.getSession();
int width = 60;
int height = 20;
//设置浏览器不要缓存此图片
response.setHeader("Pragma", "No-cache");
response.setHeader("Cache-Control", "no-cache");
response.setDateHeader("Expires", 0);

//创建内存图像并获得其图形上下文
BufferedImage image = new BufferedImage(width, height, BufferedImage.TYPE_INT_RGB);
Graphics g = image.getGraphics();
//产生随机验证码
//定义验证码的字符串
String chars = "0123456789ABCDEFGHIJKLMNOPQRSTUVWXYZ";
char[] rands = new char[4];
for (int i=0; i<4; i++)
{
int rand = (int)(Math.random()*36);
rands[i] = chars.charAt(rand);
}

//产生图像
//画背景
g.setColor(new Color(0xDCDCDC));
g.fillRect(0, 0, width, height);

//随机产生120个干扰点
for (int i=0; i<120; i++)
{
int x = (int)(Math.random()*width);
int y = (int)(Math.random()*height);
int red = (int)(Math.random()*255);
int green = (int)(Math.random()*255);
int blue = (int)(Math.random()*255);
g.setColor(new Color(red,green,blue));
g.drawOval(x, y, 1, 0);
}

g.setColor(Color.BLACK);
g.setFont(new Font(null,Font.ITALIC|Font.BOLD,18));

//在不同的高度上输出验证码的不同字符
g.drawString(""+rands[0], 1, 17);
g.drawString(""+rands[1], 16, 15);
g.drawString(""+rands[2], 31, 18);
g.drawString(""+rands[3], 46, 16);
g.dispose();

//将图像输出到客户端
ServletOutputStream sos = response.getOutputStream();
ByteArrayOutputStream baos = new ByteArrayOutputStream();
ImageIO.write(image,"JPEG",baos);
byte[] buffer = baos.toByteArray();
response.setContentLength(buffer.length);
sos.write(buffer);
//将验证码放到session中
session.setAttribute("checkCode", new String(rands));
}


}

3-2、刷新验证码的Servlet

package com.caokaiyuan.servlet;


import java.io.IOException;


import javax.servlet.ServletException;
import javax.servlet.http.HttpServlet;
import javax.servlet.http.HttpServletRequest;
import javax.servlet.http.HttpServletResponse;


public class ChangeCheckCodeServlet extends HttpServlet
{
private static final long serialVersionUID = 1L;


public void doGet(HttpServletRequest request, HttpServletResponse response)
throws ServletException, IOException
{
this.doPost(request, response);
}


public void doPost(HttpServletRequest request, HttpServletResponse response)
throws ServletException, IOException 
{
request.getRequestDispatcher("/login.jsp").forward(request, response);
}


}

3-3、登录验证Servlet类

package com.caokaiyuan.servlet;


import java.io.IOException;


import javax.servlet.RequestDispatcher;
import javax.servlet.ServletException;
import javax.servlet.http.HttpServlet;
import javax.servlet.http.HttpServletRequest;
import javax.servlet.http.HttpServletResponse;
import javax.servlet.http.HttpSession;


public class CheckServlet extends HttpServlet
{
private static final long serialVersionUID = 1L;




public void doGet(HttpServletRequest request, HttpServletResponse response)
throws ServletException, IOException 
{
this.doPost(request, response);
}



public void doPost(HttpServletRequest request, HttpServletResponse response)
throws ServletException, IOException 
{
//处理乱码
request.setCharacterEncoding("UTF-8");
//接收前台数据
String userid = request.getParameter("userid");
String userpwd = request.getParameter("userpwd");
String usercheckcode = request.getParameter("checkcode");
String info = "";
HttpSession session = request.getSession();
String servercheckcode = (String)session.getAttribute("checkCode");

if (!servercheckcode.equalsIgnoreCase(usercheckcode))
{
info = "验证码不正确，请重新输入";
}
else if ("admin".equals(userid) && "123".equals(userpwd))
{
info = "登陆成功！";
}
else 
{
info = "用户名或密码不正确";
}

request.setAttribute("info", info);
RequestDispatcher rd = request.getRequestDispatcher("/login.jsp");
rd.forward(request, response);
}

}

3-4、登录jsp界面

<%@ page language="java" contentType="text/html; charset=UTF-8"
    pageEncoding="UTF-8"%>
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<title>带图形验证码的登录</title>
</head>
<body>
<form method="post" name="form1">
用户名<input type="text" name="userid" οnclick="mes.innerHTML=''" value="${param.userid }">
<br>
密码  <input type="password" name="userpwd" value="${param.userpwd }">
<br>
验证码<input type="text" name="checkcode">
<img border="0" src="CheckCodeServlet">
<input type="submit" value="换一张" οnclick="form1.action='ChangeCheckCodeServlet'">
<br>
<input type="submit" value="登录" οnclick="form1.action='CheckServlet'" >
<input type="reset" value="重置">
<div id="mes">${info }</div>
</form>
</body>
</html>

package com.muke;


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


import javax.imageio.ImageIO;
import javax.servlet.http.HttpServlet;
import javax.servlet.http.HttpServletRequest;
import javax.servlet.http.HttpServletResponse;


public class ImageServlet extends HttpServlet {


public void doGet(HttpServletRequest request, HttpServletResponse response) throws IOException{
BufferedImage bi = new BufferedImage(68,22,BufferedImage.TYPE_INT_RGB);
Graphics g = bi.getGraphics();
Color c = new Color(200,150,255);
g.setColor(c);
g.fillRect(0, 0, 68, 22);

char[] ch = "ABCDEFGHIJKLMNOPQRSTUVWXYZ0123456789".toCharArray();
Random r = new Random();
int len=ch.length,index;
StringBuffer sb = new StringBuffer();
for(int i=0; i<4; i++){
index = r.nextInt(len);
g.setColor(new Color(r.nextInt(88),r.nextInt(188),r.nextInt(255)));
g.drawString(ch[index]+"", (i*15)+3, 18);
sb.append(ch[index]);
}
request.getSession().setAttribute("piccode", sb.toString());
ImageIO.write(bi, "JPG", response.getOutputStream());
}
}