kaptcha 简单方便的验证码生成工具

thunder_yan

浏览: 108852 次
性别:
来自: 广州

最近访客更多访客>>

cdm2008

qq_28027623

dzh535006103

火焰喵

博主相关

博客

微博

相册

留言

关于我

文章分类

社区版块

存档分类

博客分类：

JavaWeb

JavaWeb kaptcha 验证码

kaptcha是一个非常实用的验证码生成工具，有了它，你可以生成各种样式的验证码，因为它是可配置的。

kaptcha工作的原理是调用com.google.code.kaptcha.servlet.KaptchaServlet，生成一个图片。同时将生成的验证码字符串放到HttpSession中。

kaptcha可以配置一下信息：

验证码的字体

验证码字体的大小

验证码字体的字体颜色

验证码内容的范围(数字，字母，中文汉字！)

验证码图片的大小，边框，边框粗细，边框颜色

验证码的干扰线(可以自己继承com.google.code.kaptcha.NoiseProducer写一个自定义的干扰线)

验证码的样式(鱼眼样式、3D、普通模糊……当然也可以继承com.google.code.kaptcha.GimpyEngine自定义样式)

……

详细信息请看下面的web.xml文件

下面介绍一下用法:

1.首先去官网下载jar:http://code.google.com/p/kaptcha/

2.建立一个web项目，导入kaptcha-2.3.jar到环境变量中。

3.配置web.xml文件

其实就是配置com.google.code.kaptcha.servlet.KaptchaServlet

<?xml version="1.0" encoding="UTF-8"?>  
<web-app 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"  
    version="2.4">  
    <servlet>  
        <servlet-name>Kaptcha</servlet-name>  
        <servlet-class>com.google.code.kaptcha.servlet.KaptchaServlet</servlet-class>  
        <init-param>  
            <description> Border around kaptcha. Legal values are yes or no. </description>  
            <param-name>kaptcha.border</param-name>  
            <param-value>no</param-value>  
        </init-param>  
        <init-param>  
            <description>Color of the border. Legal values are r,g,b (and optional alpha) or white,black,blue. </description>  
            <param-name>kaptcha.border.color</param-name>  
            <param-value>red</param-value>  
        </init-param>  
        <init-param>  
            <description>Thickness of the border around kaptcha. Legal values are > 0. </description>  
            <param-name>kaptcha.border.thickness</param-name>  
            <param-value>5</param-value>  
        </init-param>  
        <init-param>  
            <description>Width in pixels of the kaptcha image. </description>  
            <param-name>kaptcha.image.width</param-name>  
            <param-value>80</param-value>  
        </init-param>  
        <init-param>  
            <description>Height in pixels of the kaptcha image. </description>  
            <param-name>kaptcha.image.height</param-name>  
            <param-value>40</param-value>  
        </init-param>  
        <init-param>  
            <description>The image producer. </description>  
            <param-name>kaptcha.producer.impl</param-name>  
            <param-value>com.google.code.kaptcha.impl.DefaultKaptcha </param-value>  
        </init-param>  
        <init-param>  
            <description>The text producer. </description>  
            <param-name>kaptcha.textproducer.impl</param-name>  
            <param-value>com.google.code.kaptcha.text.impl.DefaultTextCreator</param-value>  
        </init-param>  
        <init-param>  
            <description>The characters that will create the kaptcha. </description>  
            <param-name>kaptcha.textproducer.char.string</param-name>  
            <param-value>abcde2345678gfynmnpwx </param-value>  
        </init-param>  
        <init-param>  
            <description>The number of characters to display. </description>  
            <param-name>kaptcha.textproducer.char.length</param-name>  
            <param-value>5</param-value>  
        </init-param>  
        <init-param>  
            <description>A list of comma separated font names.</description>  
            <param-name>kaptcha.textproducer.font.names</param-name>  
            <param-value>Arial, Courier</param-value>  
        </init-param>  
        <init-param>  
            <description>The size of the font to use. </description>  
            <param-name>kaptcha.textproducer.font.size</param-name>  
            <param-value>23</param-value>  
        </init-param>  
        <init-param>  
            <description>The color to use for the font. Legal values are r,g,b. </description>  
            <param-name>kaptcha.textproducer.font.color</param-name>  
            <param-value>black</param-value>  
        </init-param>  
        <init-param>  
            <description>The noise producer. </description>  
            <param-name>kaptcha.noise.impl</param-name>  
            <param-value>com.google.code.kaptcha.impl.NoNoise </param-value>  
        </init-param>  
        <init-param>  
            <description>The noise color. Legal values are r,g,b. </description>  
            <param-name>kaptcha.noise.color</param-name>  
            <param-value>black</param-value>  
        </init-param>  
        <init-param>  
            <description>The obscurificator implementation. </description>  
            <param-name>kaptcha.obscurificator.impl</param-name>  
            <param-value>com.google.code.kaptcha.impl.ShadowGimpy</param-value>  
        </init-param>  
        <init-param>  
            <description>The background implementation. </description>  
            <param-name>kaptcha.background.impl</param-name>  
            <param-value>com.google.code.kaptcha.impl.DefaultBackground</param-value>  
        </init-param>  
        <init-param>  
            <description>Ending background color. Legal values are r,g,b. </description>  
            <param-name>kaptcha.background.clear.to</param-name>  
            <param-value>white</param-value>  
        </init-param>  
        <init-param>  
            <description>The word renderer implementation. </description>  
            <param-name>kaptcha.word.impl</param-name>  
            <param-value>com.google.code.kaptcha.text.impl.DefaultWordRenderer</param-value>  
        </init-param>  
        <init-param>  
            <description>The value for the kaptcha is generated and is put into the HttpSession. This is the key value for that item in the session. </description>  
            <param-name>kaptcha.session.key</param-name>  
            <param-value>KAPTCHA_SESSION_KEY</param-value>  
        </init-param>  
        <init-param>  
            <description>The date the kaptcha is generated is put into the HttpSession. This is the key value for that item in the session. </description>  
            <param-name>kaptcha.session.date</param-name>  
            <param-value>KAPTCHA_SESSION_DATE</param-value>  
        </init-param>  
    </servlet>  
    <servlet-mapping>  
        <servlet-name>Kaptcha</servlet-name>  
        <url-pattern>/Kaptcha.jpg</url-pattern>  
    </servlet-mapping>  
    <welcome-file-list>  
        <welcome-file>KaptchaExample.jsp</welcome-file>  
    </welcome-file-list>  
</web-app>

4.编写KaptchaExample.jsp

这里用到了jQuery，所以添加了jQuery的库

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">  
<html>  
    <head>  
        <%@ page language="java" contentType="text/html; charset=UTF-8"%>  
        <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">  
        <title>Kaptcha Example</title>  
        <mce:script type="text/javascript" src="js/jquery-1.3.2.js" mce_src="js/jquery-1.3.2.js"></mce:script>  
    </head>  
    <body>  
        Enter in the  
        <a href="http://code.google.com/p/kaptcha/" mce_href="http://code.google.com/p/kaptcha/">Kaptcha</a> to see if it  
        matches what is stored in the session attributes.  
        <table>  
            <tr>  
                <td>  
                    <img src="Kaptcha.jpg" mce_src="Kaptcha.jpg" id="kaptchaImage" />  
                    <mce:script type="text/javascript"><!--  
$('#kaptchaImage').click(  
        function() {  
            $(this).hide().attr('src',  
                    'Kaptcha.jpg?' + Math.floor(Math.random() * 100)).fadeIn();  
        })  
// --></mce:script>  
                    <br />  
                    单击换图片  
                </td>  
                <td valign="top">  
                    <form method="POST">  
                        <br>  
                        验证码::  
                        <input type="text" name="kaptchafield">  
                        <br />  
                        <input type="submit" name="submit">  
                    </form>  
                </td>  
            </tr>  
        </table>  
        <br />  
        <br />  
        <br />  
        <br />  
        <%  
            String c = (String) session  
                    .getAttribute(com.google.code.kaptcha.Constants.KAPTCHA_SESSION_KEY);  
            String parm = (String) request.getParameter("kaptchafield");  
              
            System.out.println(c);  
            out.println("Parameter: " + parm + " ? Session Key: " + c + " : ");  
            if (c != null && parm != null)  
            {  
                if (c.equals(parm))  
                {  
                    out.println("<b>true</b>");  
                } else  
                {  
                    out.println("<b>false</b>");  
                }  
            }  
        %>  
    </body>  
</html>

5.运行测试

分享到：

validationEngine中文版 — jquery强大的 ... | ActivityGroup + ViewPager 实现可滑动的底 ...

2012-07-01 17:30
浏览 1559
评论(0)
分类:Web前端
查看更多

发表评论

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

最近访客更多访客>>

博主相关

文章分类

社区版块

存档分类

最新评论