SimpleCaptcha验证码组件使用

http://zhangzhaoaaa.iteye.com/blog/2197359
最近需要做一个验证码信息，在网上找了些验证码组件，选择了SimpleCaptcha组件，java服务器端代码，简单方便使用。
对于此组件里的中文字的验证码，不是很合适，有时候会出现乱码情况，我认为如果想要加入中文字的验证，自己实现匹配就行了。
我这里只做抛砖引玉，贴出主要代码，源码包，SimpleCaptcha组件的源码和DOCS供参考使用(全包超过10mb，不让上传啊)。如果只是用数字和英文字母使用验证码，不用考虑自定义的验证码SimpleCaptchaFilter.java。后台代码很容易改成SpringMVC等使用，我就不多说啦，show me the code.
效果：

附件：Test.zip是我已实现的源码工程
docs.zip是组件文档
examples.zip是组件例子
Java.zip是组件源码
1.captcha.jsp

Html代码

<%@ page language="java" contentType="text/html; charset=UTF-8"

pageEncoding="UTF-8"%>

String path = request.getContextPath();

String basePath = request.getScheme()+"://"+request.getServerName()+":"+request.getServerPort()+path+"/";

<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">

<html>

<head>

</head>

<body>

<form action="<%=basePath %>/CheckCode" method="post">

</form>

$(function(){

var imgCode = $('#code');

$(imgCode).attr('src',"<%=basePath %>/simpleImg");

$(imgCode).click(function(){

$(this).attr('src',"<%=basePath %>/simpleImg");

});

$('#submitBtn').click(function(){

$.post('<%=basePath %>/CheckCode?answer='+$('#answer').val(),function(data){

if (data=='true'){

window.location.href="<%=basePath %>/captchaSuccess.jsp";

}else{

alert("验证码错误！");

return false;

}

});

</script>

</body>

</html>

2.captchaSuccess.jsp

Html代码

<%@ 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>

</head>

<body>

你成功了！

</body>

</html>

3.CheckCode.java

Java代码

import java.io.IOException;

import java.io.PrintWriter;

import javax.servlet.ServletException;

import javax.servlet.http.HttpServlet;

import javax.servlet.http.HttpServletRequest;

import javax.servlet.http.HttpServletResponse;

import nl.captcha.Captcha;

/**

* Servlet implementation class CheckCode

public class CheckCode extends HttpServlet {

private static final long serialVersionUID = 1L;

/**

* @see HttpServlet#HttpServlet()

public CheckCode() {

super();

// TODO Auto-generated constructor stub

}

/**

* @see HttpServlet#doGet(HttpServletRequest request, HttpServletResponse response)

protected void doGet(HttpServletRequest request, HttpServletResponse response) throws ServletException, IOException {

this.doPost(request, response);

}

/**

* @see HttpServlet#doPost(HttpServletRequest request, HttpServletResponse response)

protected void doPost(HttpServletRequest request, HttpServletResponse response) throws ServletException, IOException {

Captcha captcha = (Captcha) request.getSession().getAttribute(Captcha.NAME);

request.setCharacterEncoding("UTF-8");

String answer = request.getParameter("answer");

System.out.println(captcha.isCorrect(answer));

PrintWriter writer = response.getWriter();

writer.print(captcha.isCorrect(answer));

writer.flush();

writer.close();

}

4.SimpleCaptchaFilter.java

100

101

102

103

104

105

106

107

108

109

110

111

112

113

114

115

116

117

118

119

120

121

122

123

124

125

126

127

128

129

130

131

132

133

134

135

136

137

138

139

140

141

142

143

144

145

146

147

148

149

150

151

152

153

154

155

156

157

158

159

160

161

162

163

164

165

166

Java代码

import static nl.captcha.Captcha.NAME;

import java.awt.Color;

import java.awt.Font;

import java.awt.image.BufferedImage;

import java.io.FileInputStream;

import java.io.IOException;

import java.util.ArrayList;

import java.util.List;

import javax.imageio.ImageIO;

import javax.servlet.ServletException;

import javax.servlet.http.HttpServlet;

import javax.servlet.http.HttpServletRequest;

import javax.servlet.http.HttpServletResponse;

import nl.captcha.Captcha;

import nl.captcha.Captcha.Builder;

import nl.captcha.backgrounds.FlatColorBackgroundProducer;

import nl.captcha.gimpy.BlockGimpyRenderer;

import nl.captcha.servlet.CaptchaServletUtil;

import nl.captcha.text.producer.ChineseTextProducer;

import nl.captcha.text.producer.DefaultTextProducer;

import nl.captcha.text.renderer.ColoredEdgesWordRenderer;

import nl.captcha.text.renderer.WordRenderer;

/**

* @className:SimpleCaptchaFilter.java

* @classDescription: 扩展默认的simpleCaptcha

* @author:zz

* @createTime:2015-3-30

public class SimpleCaptchaFilter extends HttpServlet{

private static final String PARAM_HEIGHT = "height"; //高度默认为50

private static final String PARAM_WIDTH = "width";//宽度默认为200

private static final String PAEAM_NOISE="noise";//干扰线条默认是没有干扰线条

private static final String PAEAM_TEXT="text";//文本

protected int _width = 200;

protected int _height = 50;

protected boolean _noise=false;

protected String _text=null;

/**

* 初始化过滤器.将配置文件的参数文件赋值

* @throws ServletException

@Override

public void init() throws ServletException {

if (getInitParameter(PARAM_HEIGHT) != null) {

_height = Integer.valueOf(getInitParameter(PARAM_HEIGHT));

}

if (getInitParameter(PARAM_WIDTH) != null) {

_width = Integer.valueOf(getInitParameter(PARAM_WIDTH));

}

if (getInitParameter(PAEAM_NOISE) != null) {

_noise = Boolean.valueOf(getInitParameter(PAEAM_NOISE));

}

if (getInitParameter(PAEAM_NOISE) != null) {

_text = String.valueOf(getInitParameter(PAEAM_TEXT));

}

/**

* 因为获取图片只会有get方法

@Override

public void doGet(HttpServletRequest req, HttpServletResponse resp)

throws ServletException, IOException {

Builder builder=new Captcha.Builder(_width, _height);

//增加边框

builder.addBorder();

//干扰线

/*CurvedLineNoiseProducer nosi = new CurvedLineNoiseProducer(Color.green,5);

builder.addNoise(nosi);*/

//是否增加干扰线条

if(_noise==true)

builder.addNoise();

//----------------自定义字体大小-----------

//自定义设置字体颜色和大小最简单的效果多种字体随机显示

List<Font> fontList = new ArrayList<Font>();

fontList.add(new Font("Arial", Font.ITALIC, 40));//可以设置斜体之类的

//fontList.add(new Font("Courier", Font.BOLD, 40));

/*List<Color> colorList = new ArrayList<Color>();

colorList.add(Color.green);

colorList.add(Color.BLUE);

DefaultWordRenderer dwr=new DefaultWordRenderer(colorList,fontList);*/

//加入多种颜色后会随机显示字体空心

List<Color> colorList=new ArrayList<Color>();

colorList.add(Color.green);

// colorList.add(Color.white);

colorList.add(Color.blue);

ColoredEdgesWordRenderer cwr= new ColoredEdgesWordRenderer(colorList,fontList);

WordRenderer wr=cwr;

//增加文本，默认为5个随机字符.

if(_text==null){

builder.addText();

}else{

String[]ts=_text.split(",");

for(int i=0;i<ts.length;i++){

String[] ts1=ts[i].split(":");

if("chinese".equals(ts1[0])){

builder.addText(new ChineseTextProducer(Integer.parseInt(ts1[1])),wr);

}else if("number".equals(ts1[0])){

//这里没有0和1是为了避免歧义和字母I和O

char[] numberChar = new char[] { '2', '3', '4', '5', '6', '7', '8' };

builder.addText(new DefaultTextProducer(Integer.parseInt(ts1[1]),numberChar),wr);

}else if("word".equals(ts1[0])){

//原理同上

char[] numberChar = new char[] {'a','A', 'b', 'B','c','C', 'd','D',

'e','E', 'f', 'F','g','G', 'h','H', 'k','K', 'm','M', 'n','N', 'p','P', 'r','R', 'w','W', 'x','X', 'y','Y' };

builder.addText(new DefaultTextProducer(Integer.parseInt(ts1[1]),numberChar),wr);

}/*else{

builder.addText(new DefaultTextProducer(Integer.parseInt(ts1[1])),wr);

}*/

}

//--------------添加背景-------------

//设置背景渐进效果以及颜色 form为开始颜色，to为结束颜色

//GradiatedBackgroundProducer gbp=new GradiatedBackgroundProducer();

//gbp.setFromColor(Color.yellow);

// gbp.setToColor(Color.red);

//无渐进效果，只是填充背景颜色

// FlatColorBackgroundProducer fbp=new FlatColorBackgroundProducer(Color.red);

//加入网纹--一般不会用

// SquigglesBackgroundProducer sbp=new SquigglesBackgroundProducer();

// 没发现有什么用,可能就是默认的

// TransparentBackgroundProducer tbp = new TransparentBackgroundProducer();

//FlatColorBackgroundProducer fbp = new FlatColorBackgroundProducer();

//BufferedImage bufferedImage = ImageIO.read(new FileInputStream("E:\\eclipsespace2\\oms_portal\\WebContent\\images\\content\\table-info.png"));

//fbp.addBackground(bufferedImage);

//builder.addBackground(fbp);

//---------装饰字体---------------

// 字体边框齿轮效果默认是3

builder.gimp(new BlockGimpyRenderer(1));

//波纹渲染相当于加粗

// builder.gimp(new RippleGimpyRenderer());

//修剪--一般不会用

// builder.gimp(new ShearGimpyRenderer(Color.red));

//加网--第一个参数是横线颜色，第二个参数是竖线颜色

// builder.gimp(new FishEyeGimpyRenderer(Color.red,Color.yellow));

//加入阴影效果默认3，75

// builder.gimp(new DropShadowGimpyRenderer());

//创建对象

Captcha captcha = builder .build();

CaptchaServletUtil.writeImage(resp, captcha.getImage());

req.getSession().setAttribute(NAME, captcha);

}

5.web.xml

Xml代码

<?xml version="1.0" encoding="UTF-8"?>

<web-app xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance"

xmlns="http://java.sun.com/xml/ns/javaee" xmlns:web="http://java.sun.com/xml/ns/javaee/web-app_2_5.xsd"

xsi:schemaLocation="http://java.sun.com/xml/ns/javaee http://java.sun.com/xml/ns/javaee/web-app_2_5.xsd"

id="WebApp_ID" version="2.5">

<display-name>Test</display-name>

<servlet-name>SimpleCaptcha</servlet-name>

<servlet-class>nl.captcha.servlet.SimpleCaptchaServlet</servlet-class>

<init-param>

<param-name>width</param-name>

<param-value>250</param-value>

</init-param>

<init-param>

<param-name>height</param-name>

<param-value>75</param-value>

</init-param>

</servlet>

<servlet-mapping>

<servlet-name>SimpleCaptcha</servlet-name>

<url-pattern>/simpleImg</url-pattern>

</servlet-mapping>

<!-- <servlet> <servlet-name>SimpleCaptcha</servlet-name> <servlet-class>SimpleCaptchaFilter</servlet-class>

<init-param> <param-name>width</param-name> <param-value>200</param-value>

</init-param> <init-param> <param-name>height</param-name> <param-value>50</param-value>

</init-param> 干扰线 <init-param> <param-name>noise</param-name> <param-value>true</param-value>

</init-param> 意思是3个单词，3个数字 <init-param> <param-name>text</param-name> <param-value>word:3,number:3</param-value>

</init-param> </servlet> <servlet-mapping> <servlet-name>SimpleCaptcha</servlet-name>

<url-pattern>/simpleImg</url-pattern> </servlet-mapping> -->

<display-name>CheckCode</display-name>

<servlet-name>CheckCode</servlet-name>

<servlet-class>CheckCode</servlet-class>

</servlet>

<servlet-mapping>

<servlet-name>CheckCode</servlet-name>

<url-pattern>/CheckCode</url-pattern>

</servlet-mapping>

</web-app>

参考：
http://www.iteye.com/topic/790024
http://www.iteye.com/topic/790038

不静之心

SimpleCaptcha验证码组件使用

发表评论取消回复

访问信息

功能

近期评论

不静之心

SimpleCaptcha验证码组件使用

发表评论 取消回复

访问信息

功能

近期评论

发表评论取消回复