SimpleCaptcha验证码组件使用

pyzheng

浏览: 3431639 次
性别:
来自: 珠海

最近访客更多访客>>

kopomimi

oszerone

lindow

leisure0422

博主相关

博客

微博

相册

留言

关于我

文章分类

社区版块

存档分类

2016-06 ( 26)
2016-05 ( 32)
2016-04 ( 33)
更多存档...

博客分类：

Java
Spring

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

<%@ 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>  
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">  
<title>验证码</title>  
<script type="text/javascript" src="<%=basePath %>/js/jquery.js" ></script>  
</head>  
<body>  
 <img id="code" style="cursor:pointer;" alt="看不清楚?点图标可以换一个" title="看不清楚?点图标可以换一个" />    
    <form action="<%=basePath %>/CheckCode" method="post">    
        <input id="answer" name="answer" />    
        <input id="submitBtn" type="button" value="提交" name="submit"/>    
</form>  
<script type="text/javascript">  
    $(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

<%@ 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>  
你成功了！  
</body>  
</html>

3.CheckCode.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

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 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>  
        <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> -->  
    <!-- 验证码检验 -->      
    <servlet>  
        <description></description>  
        <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

分享到：

关于Spring 整合 Mybatis 后，insert操作 ... | 使用session监听+spring MVC拦截器禁止用 ...

2015-04-19 00:01
浏览 2089
评论(0)
分类:企业架构
查看更多

发表评论

您还没有登录,请您登录后再发表评论

最近访客更多访客>>

博主相关

文章分类

社区版块

存档分类

最新评论