码迷,mamicode.com
首页 > 其他好文 > 详细

验证码

时间:2015-02-16 19:35:53      阅读:215      评论:0      收藏:0      [点我收藏+]

标签:

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

技术分享
  1 <?xml version="1.0" encoding="UTF-8"?>  
  2 <web-app xmlns="http://java.sun.com/xml/ns/j2ee" xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance"  
  3     xsi:schemaLocation="http://java.sun.com/xml/ns/j2ee http://java.sun.com/xml/ns/j2ee/web-app_2_4.xsd"  
  4     version="2.4">  
  5     <servlet>  
  6         <servlet-name>Kaptcha</servlet-name>  
  7         <servlet-class>com.google.code.kaptcha.servlet.KaptchaServlet</servlet-class>  
  8         <init-param>  
  9             <description> Border around kaptcha. Legal values are yes or no. </description>  
 10             <param-name>kaptcha.border</param-name>  
 11             <param-value>no</param-value>  
 12         </init-param>  
 13         <init-param>  
 14             <description>Color of the border. Legal values are r,g,b (and optional alpha) or white,black,blue. </description>  
 15             <param-name>kaptcha.border.color</param-name>  
 16             <param-value>red</param-value>  
 17         </init-param>  
 18         <init-param>  
 19             <description>Thickness of the border around kaptcha. Legal values are > 0. </description>  
 20             <param-name>kaptcha.border.thickness</param-name>  
 21             <param-value>5</param-value>  
 22         </init-param>  
 23         <init-param>  
 24             <description>Width in pixels of the kaptcha image. </description>  
 25             <param-name>kaptcha.image.width</param-name>  
 26             <param-value>80</param-value>  
 27         </init-param>  
 28         <init-param>  
 29             <description>Height in pixels of the kaptcha image. </description>  
 30             <param-name>kaptcha.image.height</param-name>  
 31             <param-value>40</param-value>  
 32         </init-param>  
 33         <init-param>  
 34             <description>The image producer. </description>  
 35             <param-name>kaptcha.producer.impl</param-name>  
 36             <param-value>com.google.code.kaptcha.impl.DefaultKaptcha </param-value>  
 37         </init-param>  
 38         <init-param>  
 39             <description>The text producer. </description>  
 40             <param-name>kaptcha.textproducer.impl</param-name>  
 41             <param-value>com.google.code.kaptcha.text.impl.DefaultTextCreator</param-value>  
 42         </init-param>  
 43         <init-param>  
 44             <description>The characters that will create the kaptcha. </description>  
 45             <param-name>kaptcha.textproducer.char.string</param-name>  
 46             <param-value>abcde2345678gfynmnpwx </param-value>  
 47         </init-param>  
 48         <init-param>  
 49             <description>The number of characters to display. </description>  
 50             <param-name>kaptcha.textproducer.char.length</param-name>  
 51             <param-value>5</param-value>  
 52         </init-param>  
 53         <init-param>  
 54             <description>A list of comma separated font names.</description>  
 55             <param-name>kaptcha.textproducer.font.names</param-name>  
 56             <param-value>Arial, Courier</param-value>  
 57         </init-param>  
 58         <init-param>  
 59             <description>The size of the font to use. </description>  
 60             <param-name>kaptcha.textproducer.font.size</param-name>  
 61             <param-value>23</param-value>  
 62         </init-param>  
 63         <init-param>  
 64             <description>The color to use for the font. Legal values are r,g,b. </description>  
 65             <param-name>kaptcha.textproducer.font.color</param-name>  
 66             <param-value>black</param-value>  
 67         </init-param>  
 68         <init-param>  
 69             <description>The noise producer. </description>  
 70             <param-name>kaptcha.noise.impl</param-name>  
 71             <param-value>com.google.code.kaptcha.impl.NoNoise </param-value>  
 72         </init-param>  
 73         <init-param>  
 74             <description>The noise color. Legal values are r,g,b. </description>  
 75             <param-name>kaptcha.noise.color</param-name>  
 76             <param-value>black</param-value>  
 77         </init-param>  
 78         <init-param>  
 79             <description>The obscurificator implementation. </description>  
 80             <param-name>kaptcha.obscurificator.impl</param-name>  
 81             <param-value>com.google.code.kaptcha.impl.ShadowGimpy</param-value>  
 82         </init-param>  
 83         <init-param>  
 84             <description>The background implementation. </description>  
 85             <param-name>kaptcha.background.impl</param-name>  
 86             <param-value>com.google.code.kaptcha.impl.DefaultBackground</param-value>  
 87         </init-param>  
 88         <init-param>  
 89             <description>Ending background color. Legal values are r,g,b. </description>  
 90             <param-name>kaptcha.background.clear.to</param-name>  
 91             <param-value>white</param-value>  
 92         </init-param>  
 93         <init-param>  
 94             <description>The word renderer implementation. </description>  
 95             <param-name>kaptcha.word.impl</param-name>  
 96             <param-value>com.google.code.kaptcha.text.impl.DefaultWordRenderer</param-value>  
 97         </init-param>  
 98         <init-param>  
 99             <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>  
100             <param-name>kaptcha.session.key</param-name>  
101             <param-value>KAPTCHA_SESSION_KEY</param-value>  
102         </init-param>  
103         <init-param>  
104             <description>The date the kaptcha is generated is put into the HttpSession. This is the key value for that item in the session. </description>  
105             <param-name>kaptcha.session.date</param-name>  
106             <param-value>KAPTCHA_SESSION_DATE</param-value>  
107         </init-param>  
108     </servlet>  
109     <servlet-mapping>  
110         <servlet-name>Kaptcha</servlet-name>  
111         <url-pattern>/Kaptcha.jpg</url-pattern>  
112     </servlet-mapping>  
113     <welcome-file-list>  
114         <welcome-file>KaptchaExample.jsp</welcome-file>  
115     </welcome-file-list>  
116 </web-app>  
View Code

4.编写KaptchaExample.jsp

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

技术分享
 1 <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">  
 2 <html>  
 3     <head>  
 4         <%@ page language="java" contentType="text/html; charset=UTF-8"%>  
 5         <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">  
 6         <title>Kaptcha Example</title>  
 7         <mce:script type="text/javascript" src="js/jquery-1.3.2.js" mce_src="js/jquery-1.3.2.js"></mce:script>  
 8     </head>  
 9     <body>  
10         Enter in the  
11         <a href="http://code.google.com/p/kaptcha/" mce_href="http://code.google.com/p/kaptcha/">Kaptcha</a> to see if it  
12         matches what is stored in the session attributes.  
13         <table>  
14             <tr>  
15                 <td>  
16                     <img src="Kaptcha.jpg" mce_src="Kaptcha.jpg" id="kaptchaImage" />  
17                     <mce:script type="text/javascript"><!--  
18 $(‘#kaptchaImage‘).click(  
19         function() {  
20             $(this).hide().attr(‘src‘,  
21                     ‘Kaptcha.jpg?‘ + Math.floor(Math.random() * 100)).fadeIn();  
22         })  
23 // --></mce:script>  
24                     <br />  
25                     单击换图片  
26                 </td>  
27                 <td valign="top">  
28                     <form method="POST">  
29                         <br>  
30                         验证码::  
31                         <input type="text" name="kaptchafield">  
32                         <br />  
33                         <input type="submit" name="submit">  
34                     </form>  
35                 </td>  
36             </tr>  
37         </table>  
38         <br />  
39         <br />  
40         <br />  
41         <br />  
42         <%  
43             String c = (String) session  
44                     .getAttribute(com.google.code.kaptcha.Constants.KAPTCHA_SESSION_KEY);  
45             String parm = (String) request.getParameter("kaptchafield");  
46               
47             System.out.println(c);  
48             out.println("Parameter: " + parm + " ? Session Key: " + c + " : ");  
49             if (c != null && parm != null)  
50             {  
51                 if (c.equals(parm))  
52                 {  
53                     out.println("<b>true</b>");  
54                 } else  
55                 {  
56                     out.println("<b>false</b>");  
57                 }  
58             }  
59         %>  
60     </body>  
61 </html>  
View Code

参考文献:

http://blog.csdn.net/ol_beta/article/details/5877630

验证码

标签:

原文地址:http://www.cnblogs.com/dobestself-994395/p/4294426.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!