验证码之SimpleCaptcha

最新推荐文章于 2024-03-15 09:49:42 发布

football98

最新推荐文章于 2024-03-15 09:49:42 发布

阅读量1.4k

点赞数

分类专栏： Web

Web 专栏收录该内容

15 篇文章 0 订阅

订阅专栏

在captcha中，两个比较著名的框架验证码有Jcaptcha和simpleCaptcha，Jcaptcha太庞大了，所以我选择了简单的SimpleCaptcha
      simpleCaptcha是一个用于随机生成验证码的一个java框架,它为验证码提供简单的实现。提供很多图形的自定
义。它对中文也提供了很好的支持
     下面将简单的将验证码加入到你的项目中
         1. 下载SimpleCapcha http://simplecaptcha.sourceforge.net
         2.   复制jar文件到你项目的WEB-INF/lib目录下
         3. 在你web.xml中增加以下配置：

 
   Java代码   
  
 <servlet>    
         <servlet-name>StickyCaptcha</servlet-name>    
         <servlet-class>nl.captcha.servlet.StickyCaptchaServlet</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>StickyCaptcha</servlet-name>    
         <url-pattern>/stickyImg</url-pattern>    
     </servlet-mapping>    

4. 重启你的服务器。然后访问http://localhost:8080/stic就可以看到效果了

是不是感觉很简单呢？下面做几个界面出来看看效果吧

5. 现在创建一个jsp叫做captcha.jsp，将下面代码放入你的你的<body>中

 
   Java代码   
  
  <img src="/stickyImg" />    
     <form action="/captchaSubmit.jsp" method="post">    
         <input name="answer" />    
         <input type="submit" name="submit"/>    
 </form>  

6. 创建captchaSumit.jsp页面

 
   Java代码   
  
 <%@ page import="nl.captcha.Captcha" %>    
     ...    
     <%    
     Captcha captcha = (Captcha) session.getAttribute(Captcha.NAME);    
     request.setCharacterEncoding("UTF-8");    
     String answer = request.getParameter("answer");    
     if (captcha.isCorrect(answer)) { %>    
         <b>Correct!</b>    
 <% } %>   

         7.   浏览captcha.jsp.页面，然后你可以看到效果了。这样一个简单的验证码就很快加入到你的项目中了。超级简单吧。

说明：
web.xml中：

      1）过滤器类nl.captcha.servlet.StickyCaptchaServlet，生成图片是交给这个类去处理的。其实还有其他几个过滤器也可以供我们来调用。

      StickyCaptchaServlet：随机生成5个字符（数字+字母）结果会放在session中存储，刷新页面不会改变值，继承simpleCaptchaServlet。

      ChineseCaptchaServlet ：随机生成5个中文字符，结果也会放入session中存储，刷新页面不会改变值，继承simpleCaptchaServlet。

      SimpleCaptchaServlet: ：随机数生成5个字符（数字+字母）放在page中,页面刷新会重新生成。

      2）width和height分别是图片的宽度和高度。

如果你还对验证码有更高的要求，比如图片的大小，颜色，背景等等，那么就需要自己去扩展。

上回说到了简单的使用simpleCaptcha,这次我们这次我们将讲解扩张simpleCaptcha。
回到正题，我们需要一些自定义的验证码，比如验证码的字体大小，背景，颜色等等，默认的验证码是无法满足我们的需求的。所以我们得自己去实现。我这几提供了简单的扩展，如果大家有什么好的建议大家一起来探讨。
自定义过滤器：SimpleCaptchaFilter

    Java代码   
    
  
 package com.xyj.com.tool.captcha;  
   
 import static nl.captcha.Captcha.NAME;  
   
   
 import java.awt.Color;  
 import java.awt.Font;  
 import java.io.IOException;  
 import java.util.ArrayList;  
 import java.util.List;  
   
 import javax.servlet.ServletException;  
 import javax.servlet.http.HttpServlet;  
 import javax.servlet.http.HttpServletRequest;  
 import javax.servlet.http.HttpServletResponse;  
 import javax.servlet.http.HttpSession;  
   
 import nl.captcha.Captcha;  
 import nl.captcha.Captcha.Builder;  
 import nl.captcha.backgrounds.BackgroundProducer;  
 import nl.captcha.backgrounds.FlatColorBackgroundProducer;  
 import nl.captcha.backgrounds.GradiatedBackgroundProducer;  
 import nl.captcha.backgrounds.SquigglesBackgroundProducer;  
 import nl.captcha.backgrounds.TransparentBackgroundProducer;  
 import nl.captcha.gimpy.BlockGimpyRenderer;  
 import nl.captcha.gimpy.DropShadowGimpyRenderer;  
 import nl.captcha.gimpy.FishEyeGimpyRenderer;  
 import nl.captcha.gimpy.RippleGimpyRenderer;  
 import nl.captcha.gimpy.ShearGimpyRenderer;  
 import nl.captcha.servlet.CaptchaServletUtil;  
 import nl.captcha.servlet.SimpleCaptchaServlet;  
 import nl.captcha.text.producer.ChineseTextProducer;  
 import nl.captcha.text.producer.DefaultTextProducer;  
 import nl.captcha.text.renderer.ColoredEdgesWordRenderer;  
 import nl.captcha.text.renderer.DefaultWordRenderer;  
 import nl.captcha.text.renderer.WordRenderer;  
   
 /** 
  * @className:SimpleCaptchaFilter.java 
  * @classDescription: 扩展默认的simpleCaptcha 
  * @author:xiayingjie 
  * @createTime:2010-10-20 
  */  
   
 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();  
            //是否增加干扰线条  
            if(_noise==true)  
                builder.addNoise();  
            //----------------自定义字体大小-----------  
            //自定义设置字体颜色和大小 最简单的效果 多种字体随机显示  
            List<Font> fontList = new ArrayList<Font>();  
 //         fontList.add(new Font("Arial", Font.HANGING_BASELINE, 40));//可以设置斜体之类的  
            fontList.add(new Font("Courier", Font.BOLD, 40));      
            DefaultWordRenderer dwr=new DefaultWordRenderer(Color.green,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=dwr;  
            //增加文本，默认为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', 'b', 'c', 'd',  
                                 'e', 'f', 'g', 'h', 'k', 'm', 'n', 'p', 'r', 'w', 'x', '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();  
           
              
            builder.addBackground(gbp);  
            //---------装饰字体---------------  
            // 字体边框齿轮效果 默认是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);  
     }  
 }  

代码可能稍微有点长，代码里面基本上都写了注释。所以这里就不再重复描述功能了
2.web.wml需要将过滤器改成以上过滤器。

    Java代码   
    
  
 <servlet>  
       <servlet-name>StickyCaptcha</servlet-name>  
       <servlet-class>com.xyj.com.tool.captcha.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>false</param-value>  
       </init-param>  
       <!-- 意思是3个单词，3个数字 -->  
       <init-param>  
           <param-name>text</param-name>  
           <param-value>word:3,number:3</param-value>  
       </init-param>  
   </servlet>  

说明：
1.对于 SimpleCaptchaFilter 中 doGet() 方法中为什么有那么多注释了的方法，是因为方便以后我更好的改动我的代码，如果我现在想要另外一种效果，只需要将某些注释去掉和注释掉现有部分代码。
2.对于使用的比较多的功能我就将它们放到前端进行可配。比如：text,以及noise.如果需要改效果就改一下源代码好了。

football98

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
验证码之SimpleCaptcha

在captcha中，两个比较著名的框架验证码有Jcaptcha和simpleCaptcha，Jcaptcha太庞大了，所以我选择了简单的SimpleCaptcha simpleCaptcha是一个用于随机生成验证码的一个java框架,它为验证码提供简单的实现。提供很多图形的自定义。它对中文也提供了很好的支持下面将简单的将验证码加入到你的项目中
复制链接

扫一扫