Servlet跟Struts2两种生成及校验验证码的方法

Servlet和Struts2两种生成及校验验证码的方法

完整源码下载地址：http://download.csdn.net/detail/software0116/4613812

一、Servlet生成验证码：

1、Java类    

import java.awt.Color;import java.awt.Font;import java.awt.Graphics2D;import java.awt.image.BufferedImage;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;/** * <p>Description:登陆验证码</p> * @author 张军 * @version 1.0 * @date 2012-10-02 */@SuppressWarnings("serial")public class VerifyCodeServlet extends HttpServlet {/** * 验证码图片的宽度。 */private int width = 60;/** * 验证码图片的高度。 */private int height = 20;/** * 验证码字符个数 */private int codeCount = 4;/** * xx */private int xx = 0;/** * 字体高度 */private int fontHeight;/** * codeY */private int codeY;/** * codeSequence */char[] codeSequence = { 'A', 'B', 'C', 'D', 'E', 'F', 'G', 'H', 'I', 'J','K', 'L', 'M', 'N', 'O', 'P', 'Q', 'R', 'S', 'T', 'U', 'V', 'W', 'X', 'Y', 'Z', 'a', 'b', 'c', 'd', 'e', 'f', 'g', 'h', 'i', 'j', 'k', 'l', 'm', 'n', 'o', 'p', 'q', 'r', 's', 't', 'u', 'v', 'w', 'x', 'y', 'z', '0', '1', '2', '3', '4', '5', '6', '7', '8', '9' };/** * 初始化验证图片属性 */public void init() throws ServletException {// 从web.xml中获取初始信息// 宽度String strWidth = this.getInitParameter("width");// 高度String strHeight = this.getInitParameter("height");// 字符个数String strCodeCount = this.getInitParameter("codeCount");// 将配置的信息转换成数值try {if (strWidth != null && strWidth.length() != 0) {width = Integer.parseInt(strWidth);}if (strHeight != null && strHeight.length() != 0) {height = Integer.parseInt(strHeight);}if (strCodeCount != null && strCodeCount.length() != 0) {codeCount = Integer.parseInt(strCodeCount);}} catch (NumberFormatException e) {e.printStackTrace();}xx = width / (codeCount + 1);fontHeight = height - 2;codeY = height - 4;}/** * @param req * @param resp * @throws ServletException * @throws java.io.IOException */protected void service(HttpServletRequest req, HttpServletResponse resp)throws ServletException, java.io.IOException {// 定义图像bufferBufferedImage buffImg = new BufferedImage(width, height,BufferedImage.TYPE_INT_RGB);Graphics2D gd = buffImg.createGraphics();// 创建一个随机数生成器类Random random = new Random();// 将图像填充为白色gd.setColor(Color.WHITE);gd.fillRect(0, 0, width, height);// 创建字体，字体的大小应该根据图片的高度来定。Font font = new Font("Fixedsys", Font.PLAIN, fontHeight);// 设置字体。gd.setFont(font);// 画边框。gd.setColor(Color.BLACK);gd.drawRect(0, 0, width - 1, height - 1);// 随机产生160条干扰线，使图象中的认证码不易被其它程序探测到。gd.setColor(Color.BLACK);for (int i = 0; i <1; i++) {int x = random.nextInt(width);int y = random.nextInt(height);int xl = random.nextInt(12);int yl = random.nextInt(12);gd.drawLine(x, y, x + xl, y + yl);}// randomCode用于保存随机产生的验证码，以便用户登录后进行验证。StringBuffer randomCode = new StringBuffer();int red = 0, green = 0, blue = 0;// 随机产生codeCount数字的验证码。for (int i = 0; i < codeCount; i++) {// 得到随机产生的验证码数字。String strRand = String.valueOf(codeSequence[random.nextInt(36)]);// 产生随机的颜色分量来构造颜色值，这样输出的每位数字的颜色值都将不同。red = random.nextInt(255);green = random.nextInt(255);blue = random.nextInt(255);// 用随机产生的颜色将验证码绘制到图像中。gd.setColor(new Color(red, green, blue));gd.drawString(strRand, (i + 1) * xx, codeY);// 将产生的四个随机数组合在一起。randomCode.append(strRand);}// 将四位数字的验证码保存到Session中。HttpSession session = req.getSession();session.setAttribute("validateCode", randomCode.toString());// 禁止图像缓存。resp.setHeader("Pragma", "no-cache");resp.setHeader("Cache-Control", "no-cache");resp.setDateHeader("Expires", 0);resp.setContentType("image/jpeg");// 将图像输出到Servlet输出流中。ServletOutputStream sos = resp.getOutputStream();ImageIO.write(buffImg, "jpeg", sos);sos.close();}@SuppressWarnings("unused")private static Color getRandomColor() {Random ran = new Random();Color color = new Color(ran.nextInt(255),ran.nextInt(255),ran.nextInt(255));return color;}}

2、jsp

<%@ page language="java" import="java.util.*" pageEncoding="ISO-8859-1"%><%String path = request.getContextPath();String basePath = request.getScheme()+"://"+request.getServerName()+":"+request.getServerPort()+path+"/";%><!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"><html><head><base href="<%=basePath%>"><meta http-equiv="pragma" content="no-cache"><meta http-equiv="cache-control" content="no-cache"><meta http-equiv="expires" content="0"><meta http-equiv="keywords" content="keyword1,keyword2,keyword3"><meta http-equiv="description" content="This is my page"><script type="text/javascript" src="changeImage.js"></script><script type="text/javascript" src="jquery-1.4.4.min.js"></script><script type="text/javascript" src="login.js"></script></head><body><INPUT size="7" id=veryCode onkeyup="checkVeryCode();" type=text name=veryCode><span style="color:red" id="msg"></span><br><img id="imgObj"  src="VerifyCode" onclick="changeImg()"></body></html>

三、（1）Js生成随机验证码

function changeImg(){ var imgSrc = $("#imgObj"); var src = imgSrc.attr("src"); imgSrc.attr("src",chgUrl(src)); } //时间戳 //为了使每次生成图片不一致，即不让浏览器读缓存，所以需要加上时间戳 function chgUrl(url){ var timestamp = (new Date()).valueOf(); url = url.substring(0,17); if((url.indexOf("&")>=0)){ url = url + "×tamp=" + timestamp; }else{ url = url + "?timestamp=" + timestamp; } return url; } 

（2）校验验证码

function checkVeryCode(){var veryCode = $.trim($('#veryCode').attr('value'));//alert(veryCode);if(veryCode.length == 4){$.ajax({type : 'post',url : 'ResultImage?veryCode=' + veryCode,success : function(msg) {if('success' == msg){$('#msg').html("");}else{$('#msg').html(msg);}}});}}

四、web.xml

<?xml version="1.0" encoding="UTF-8"?><web-app version="2.4" xmlns="http://java.sun.com/xml/ns/j2ee" xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance" xsi:schemaLocation="http://java.sun.com/xml/ns/j2ee http://java.sun.com/xml/ns/j2ee/web-app_2_4.xsd">  <servlet>    <servlet-name>VerifyCodeServlet</servlet-name>    <servlet-class>com.zhangjun.imageCode.VerifyCodeServlet</servlet-class>  </servlet>    <servlet>    <servlet-name>ResultServlet</servlet-name>    <servlet-class>com.zhangjun.imageCode.ResultServlet</servlet-class>  </servlet>  <servlet-mapping>    <servlet-name>VerifyCodeServlet</servlet-name>    <url-pattern>/VerifyCode</url-pattern>  </servlet-mapping>  <servlet-mapping>    <servlet-name>ResultServlet</servlet-name>    <url-pattern>/ResultImage</url-pattern>  </servlet-mapping></web-app>

二、struts2生成验证码

1action类

package com.zhangjun.imageCode;import java.awt.Color;import java.awt.Font;import java.awt.Graphics2D;import java.awt.image.BufferedImage;import java.io.ByteArrayInputStream;import java.io.ByteArrayOutputStream;import java.io.IOException;import java.io.InputStream;import java.util.Random;import javax.imageio.ImageIO;import javax.imageio.stream.ImageOutputStream;import javax.servlet.http.HttpServletResponse;import javax.servlet.http.HttpSession;import com.opensymphony.xwork2.ActionSupport;@SuppressWarnings("serial")public class VerifyCodeAction extends ActionSupport {private InputStream imageStream;private int width = 60;//验证码图片的宽度。private int height = 20;//验证码图片的高度。private int codeCount = 4;//验证码字符个数private int xx = 0;private int fontHeight;//字体高度private int codeY;char[] codeSequence = { 'A', 'B', 'C', 'D', 'E', 'F', 'G', 'H', 'I', 'J','K', 'L', 'M', 'N', 'O', 'P', 'Q', 'R', 'S', 'T', 'U', 'V', 'W','X', 'Y', 'Z', 'a', 'b', 'c', 'd', 'e', 'f', 'g', 'h', 'i', 'j','k', 'l', 'm', 'n', 'o', 'p', 'q', 'r', 's', 't', 'u', 'v', 'w','x', 'y', 'z', '0', '1', '2', '3', '4', '5', '6', '7', '8', '9' };@SuppressWarnings("static-access")public String execute() {int width = this.getWidth();// 宽度int height = this.getHeight();// 高度int codeCount = this.getCodeCount();// 字符个数xx = width / (codeCount + 1);fontHeight = height - 2;codeY = height - 4;// 定义图像bufferBufferedImage buffImg = new BufferedImage(width, height,BufferedImage.TYPE_INT_RGB);Graphics2D gd = buffImg.createGraphics();// 创建一个随机数生成器类Random random = new Random();// 将图像填充为白色gd.setColor(Color.WHITE);gd.fillRect(0, 0, width, height);// 创建字体，字体的大小应该根据图片的高度来定。Font font = new Font("Fixedsys", Font.PLAIN, fontHeight);// 设置字体。gd.setFont(font);// 画边框。gd.setColor(Color.BLACK);gd.drawRect(0, 0, width - 1, height - 1);// 随机产生干扰线，使图象中的认证码不易被其它程序探测到。gd.setColor(Color.BLACK);for (int i = 0; i < 1; i++) {int x = random.nextInt(width);int y = random.nextInt(height);int xl = random.nextInt(12);int yl = random.nextInt(12);gd.drawLine(x, y, x + xl, y + yl);}// randomCode用于保存随机产生的验证码，以便用户登录后进行验证。StringBuffer randomCode = new StringBuffer();int red = 0, green = 0, blue = 0;// 随机产生codeCount数字的验证码。for (int i = 0; i < codeCount; i++){// 得到随机产生的验证码数字。String strRand = String.valueOf(codeSequence[random.nextInt(36)]);// 产生随机的颜色分量来构造颜色值，这样输出的每位数字的颜色值都将不同。red = random.nextInt(255);green = random.nextInt(255);blue = random.nextInt(255);// 用随机产生的颜色将验证码绘制到图像中。gd.setColor(new Color(red, green, blue));gd.drawString(strRand, (i + 1) * xx, codeY);// 将产生的四个随机数组合在一起。randomCode.append(strRand);}// 将四位数字的验证码保存到Session中。Struts2Utils struts = new Struts2Utils();HttpSession session = struts.getSession();session.setAttribute("validateCode", randomCode.toString());// 禁止图像缓存。HttpServletResponse resp = struts.getResponse();resp.setHeader("Pragma", "no-cache");resp.setHeader("Cache-Control", "no-cache");resp.setDateHeader("Expires", 0);resp.setContentType("image/jpeg");ByteArrayOutputStream output = new ByteArrayOutputStream();  ImageOutputStream imageOut;try {imageOut = ImageIO.createImageOutputStream(output);ImageIO.write(buffImg, "JPEG", imageOut);  imageOut.close();  ByteArrayInputStream input = new ByteArrayInputStream(output.toByteArray());  this.setImageStream(input);  } catch (IOException e) {e.printStackTrace();}  return SUCCESS;}public InputStream getImageStream() {return imageStream;}public void setImageStream(InputStream imageStream) {this.imageStream = imageStream;}public int getWidth() {return width;}public void setWidth(int width) {this.width = width;}public int getHeight() {return height;}public void setHeight(int height) {this.height = height;}public int getCodeCount() {return codeCount;}public void setCodeCount(int codeCount) {this.codeCount = codeCount;}}

2、jsp调用页面

<%@ page language="java" import="java.util.*" pageEncoding="ISO-8859-1"%><%String path = request.getContextPath();String basePath = request.getScheme()+"://"+request.getServerName()+":"+request.getServerPort()+path+"/";%><!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"><html><head><base href="<%=basePath%>"><meta http-equiv="pragma" content="no-cache"><meta http-equiv="cache-control" content="no-cache"><meta http-equiv="expires" content="0"><meta http-equiv="keywords" content="keyword1,keyword2,keyword3"><meta http-equiv="description" content="This is my page"><script type="text/javascript" src="changeImage.js"></script><script type="text/javascript" src="jquery-1.4.4.min.js"></script><script type="text/javascript" src="login.js"></script></head><body><INPUT size="7" id=veryCode onkeyup="checkVeryCode();" type=text name=veryCode><span style="color:red" id="msg"></span><br><img id="imgObj"  src="verifyCode.action" onclick="changeImg()"></body></html>

3、校验验证码

$(function(){  $("#veryCode").blur(function(){    $.post(    "ResultImage.action",      {veryCode:$("#veryCode").val()},      validate        );    });});function  validate(data){alert(data.flag);if(data.flag){$("#msg").html("");n1=1;}else{$("#msg").html("验证码错误");}}

4、struts.xml

<?xml version="1.0" encoding="UTF-8" ?><!DOCTYPE struts PUBLIC    "-//Apache Software Foundation//DTD Struts Configuration 2.1.7//EN"    "http://struts.apache.org/dtds/struts-2.1.7.dtd"><struts><package name="struts" extends="struts-default"><!-- 验证码生成类配置 --><action name="verifyCode" class="com.zhangjun.imageCode.VerifyCodeAction"><result name="success" type="stream"><param name="inputName">imageStream</param></result></action></package><package name="json" extends="json-default"><!-- 验证码校验类配置 --><action name="ResultImage" class="com.zhangjun.imageCode.ResultAction"><result name="success" type="json"></result></action></package></struts>

生成随机验证码和servlet的一样