java下使用kaptcha生成验证码

kaptcha是一个简单好用的验证码生成工具,通过配置,可以自己定义验证码大小、颜色、显示的字符等等。下面就来讲一下如何使用kaptcha生成验证码以及在服务器端取出验证码进行校验。

一、搭建测试环境

1.1、创建Web测试项目

  新建一个Web项目,并将kaptcha-2.3.2.jar放在项目的WEB-INF/lib目录下,如下图所示:

  

1.2、在web.xml文件配置生成验证码的KaptchaServlet

KaptchaServlet的详细配置如下:

<?xml version="1.0" encoding="UTF-8"?>
<web-app version="2.5"
 xmlns="http://java.sun.com/xml/ns/javaee"
 xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance"
 xsi:schemaLocation="http://java.sun.com/xml/ns/javaee
 http://java.sun.com/xml/ns/javaee/web-app_2_5.xsd">
 <welcome-file-list>
 <welcome-file>index.jsp</welcome-file>
 </welcome-file-list>

 <!-- kaptcha验证码配置 -->
 <servlet>
 <!-- 生成图片的Servlet -->
 <servlet-name>Kaptcha</servlet-name>
 <servlet-class>com.google.code.kaptcha.servlet.KaptchaServlet</servlet-class>

 <!-- 是否有边框-->
 <init-param>
 <param-name>kaptcha.border</param-name>
 <param-value>no</param-value>
 </init-param>
 <!-- 字体颜色 -->
 <init-param>
 <param-name>kaptcha.textproducer.font.color</param-name>
 <param-value>red</param-value>
 </init-param>
 <!-- 图片宽度 -->
 <init-param>
 <param-name>kaptcha.image.width</param-name>
 <param-value>135</param-value>
 </init-param>
 <!-- 使用哪些字符生成验证码 -->
 <init-param>
 <param-name>kaptcha.textproducer.char.string</param-name>
 <param-value>ACDEFHKPRSTWX345679</param-value>
 </init-param>
 <!-- 图片高度 -->
 <init-param>
 <param-name>kaptcha.image.height</param-name>
 <param-value>50</param-value>
 </init-param>
 <!-- 字体大小 -->
 <init-param>
 <param-name>kaptcha.textproducer.font.size</param-name>
 <param-value>43</param-value>
 </init-param>
 <!-- 干扰线的颜色 -->
 <init-param>
 <param-name>kaptcha.noise.color</param-name>
 <param-value>black</param-value>
 </init-param>
 <!-- 字符个数 -->
 <init-param>
 <param-name>kaptcha.textproducer.char.length</param-name>
 <param-value>4</param-value>
 </init-param>
 <!-- 使用哪些字体 -->
 <init-param>
 <param-name>kaptcha.textproducer.font.names</param-name>
 <param-value>Arial</param-value>
 </init-param>
 </servlet>
 <!-- 映射的url -->
 <servlet-mapping>
 <servlet-name>Kaptcha</servlet-name>
 <url-pattern>/Kaptcha.jpg</url-pattern>
 </servlet-mapping>
</web-app>

1.3、显示生成的验证码

在页面index.jsp显示验证码

<%@ page language="java" pageEncoding="UTF-8"%>
<!DOCTYPE HTML>
<html>
 <head>
 <title>显示KaptchaServlet生成的验证码</title>
 <script type="text/javascript" src="${pageContext.request.contextPath}/js/jquery-1.9.1.js"></script>
 <script type="text/javascript">
 //点击切换验证码
 function changeVerifyCode(){
 $("#yzmImg").attr("src","Kaptcha.jpg?"+Math.floor(Math.random()*100));
 }

 //提交
 function doSubmit() {
 var verifyCodeValue = $("#verifyCode").val();
 if(verifyCodeValue.replace(/\s/g,"") == "") {
 alert("请输入验证码");
 }else {
 //提交前先异步检查验证码是否输入正确
 var verifyUrl = "${pageContext.request.contextPath}/servlet/VerifyServlet?verifyCode="+verifyCodeValue;
 $.ajax({
  type:"GET",
  url:verifyUrl,
  success:function(returnData){
  if(returnData!="Y") {
  alert("请输入正确的验证码!");
  }else {
  //验证码正确,进行提交操作
  alert("验证码输入正确,提交表单");
  }
  },
  error:function(e){
  alert(e);
  }
 });
 }
 }
 </script>
 </head>

 <body>
 <form>
 <table>
 <tr>
 <td>
  请输入验证码:
 </td>
 <td>
  <input type="text" name="verifyCode" id="verifyCode">
  <img src="Kaptcha.jpg" onclick="changeVerifyCode()" id="yzmImg" style="cursor: pointer;">
  <a href="javascript:void(0)" onclick="changeVerifyCode()">看不清,换一张</a>
 </td>
 </tr>
 <tr>
 <td>
   
 </td>
 <td>
  <input type="button" value="提交" onclick="doSubmit()">
 </td>
 </tr>
 </table>
 </form>
 </body>
</html>

运行效果如下图所示:

  

1.4、在服务器端验证提交的验证码

  用户在form表单中提交了验证码之后,我们会在服务器端进行验证,编写一个VerifyServlet,代码如下:

/**
 *
 */
package me.gacl.web.controller;

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;

public class VerifyServlet extends HttpServlet {

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

 response.setContentType("text/html;charaset=utf-8");
 response.setHeader("pragma", "no-cache");
 response.setHeader("cache-control", "no-cache");
 PrintWriter out = null;
 try {
 //响应数据
 String resultData;
 //获取传过来的验证码
 String verifyCode = request.getParameter("verifyCode");
 System.out.println("verifyCode----"+verifyCode);
 if(verifyCode=="") {
 resultData = "N";
 }else {
 //获取kaptcha生成存放在session中的验证码
 String kaptchaValue = (String) request.getSession().getAttribute(com.google.code.kaptcha.Constants.KAPTCHA_SESSION_KEY);
 //比较输入的验证码和实际生成的验证码是否相同
 if(kaptchaValue == null || kaptchaValue == ""||!verifyCode.equalsIgnoreCase(kaptchaValue)) {
  resultData = "N";
 }else {
  resultData = "Y";
 }
 }
 out = response.getWriter();
 out.write(resultData);
 out.flush();
 }catch(Exception e) {
 e.printStackTrace();
 }finally {
 if(out != null) {
 out.close();
 }
 }
 }
}

在web.xml中注册VerifyServlet

<!-- 检查验证码是否输入正确 -->
 <servlet>
 <servlet-name>VerifyServlet</servlet-name>
 <servlet-class>me.gacl.web.controller.VerifyServlet</servlet-class>
 </servlet>
 <servlet-mapping>
 <servlet-name>VerifyServlet</servlet-name>
 <url-pattern>/servlet/VerifyServlet</url-pattern>
 </servlet-mapping>

  运行结果如下:

  1、验证码不输入

  2、输入错误的验证码

  3、输入正确的验证码

使用kaptcha生成验证码感觉挺不错的,非常好用和方便,希望大家可以熟练掌握。

(0)

相关推荐

  • 登陆验证码kaptcha结合spring boot的用法详解

    前言 在我们用户登录的时候,为了安全性考虑,会增加验证码的功能,这里采用的是google的kaptcha:spirngboot是轻便,独立,使得基于spring的应用开发变得特别简单.网上有很多介绍springboot的介绍,这里不多说. 言归正抓,讲下登陆时验证码结合springboot的用法 引入kaptcha所需要的jar包,我这里用的是maven <dependency> <groupId>com.github.penggle</groupId> <art

  • Spring Boot 验证码的生成和验证详解

    前言 本文介绍的imagecode方法是一个生成图形验证码的请求,checkcode方法实现了对这个图形验证码的验证.从验证码的生成到验证的过程中,验证码是通过Session来保存的,并且设定一个验证码的最长有效时间为5分钟.验证码的生成规则是从0~9的数字中,随机产生一个4位数,并增加一些干扰元素,最终组合成为一个图形输出 1.验证码生成类 import java.awt.*; import java.awt.image.BufferedImage; import java.io.Output

  • java验证码组件kaptcha使用方法

    使用方法: 项目中导入kaptcha-2.3.jar包在web.xml里面新增:  复制代码 代码如下: <!-- 登陆验证码Kaptcha -->    <servlet>        <servlet-name>Kaptcha</servlet-name>        <servlet-class>com.google.code.kaptcha.servlet.KaptchaServlet</servlet-class>   

  • spring mvc 使用kaptcha配置生成验证码实例

    使用Kaptcha 生成验证码十分简单并且参数可以进行自定义,以下简单记录下使用步骤. 1.在pom.xml中添加maven依赖: <dependency> <groupId>com.google.code.kaptcha</groupId> <artifactId>kaptcha</artifactId> <version>2.3</version> <classifier>jdk15</classif

  • javaWeb使用Kaptcha组件生成验证码

    javaWeb之使用Kaptcha组件使用验证码 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" xsi:schemaLocation="htt

  • java下使用kaptcha生成验证码

    kaptcha是一个简单好用的验证码生成工具,通过配置,可以自己定义验证码大小.颜色.显示的字符等等.下面就来讲一下如何使用kaptcha生成验证码以及在服务器端取出验证码进行校验. 一.搭建测试环境 1.1.创建Web测试项目 新建一个Web项目,并将kaptcha-2.3.2.jar放在项目的WEB-INF/lib目录下,如下图所示: 1.2.在web.xml文件配置生成验证码的KaptchaServlet KaptchaServlet的详细配置如下: <?xml version="1

  • springboot整合kaptcha生成验证码功能

    介绍:kaptcha 是谷歌开源的非常实用的验证码生成工具 一.导入jar包 <!-- kaptcha验证码 --> <dependency> <groupId>com.github.penggle</groupId> <artifactId>kaptcha</artifactId> <version>2.3.2</version> </dependency> 二.编写kaptcha配置类 pack

  • java仿Servlet生成验证码实例详解

    java仿Servlet生成验证码实例详解 实现原理:使用BufferedImage对象的Graphics来进行绘制,然后输出成一张图片进行保存 实现代码及详解: public class validateCode{ private static Random rand = new Random(); public static void main(String[] args){ int val1 = rand.nextInt(9); int val2 = rand.nextInt(9); in

  • Spring boot如何集成kaptcha并生成验证码

    kaptcha是一个开源的验证码实现库 1.添加依赖 <dependency> <groupId>com.github.axet</groupId> <artifactId>kaptcha</artifactId> <version>0.0.9</version> </dependency> 2.添加配置类 配置验证码的生成属性 package com.dream.road.config; import com

  • Java Web开发之图形验证码的生成与使用方法

    本文实例讲述了Java Web开发之图形验证码的生成与使用方法.分享给大家供大家参考.具体如下: 图形验证码的主要目的是为了增强的安全性,增加用户通过遍历所有可能性来破解密码的难度. 图形验证码的使用包括如下3部分: ① 图形验证码的生成: ② 在页面中的使用: ③ 验证: 1.图形验证码的生成 假设在Servlet生成图形验证码,在JavaBean或者JSP中生成的基本过程是相同的.设计如下过程: ① 设置响应的文档类型: ② 生成随机码: ③ 把随机码保存到session中: ④ 生成图片:

  • Java生成验证码

    Java 生成验证码的流程是: 收到请求->生成验证码所用的随机数->使用随机数写出图片->将随机数记录到Session中->输出验证码 Java 验证验证码的流程是: 收到请求->获取用户传过来的验证码数字->验证是否正确->输出验证结果 下面通过一个例子来展示验证码的生成流程,该例子使用基本Java Spring框架的Rest接口,可以使用任何平台来获取验证码: 服务器处理验证码的例子: 1.接收验证码请求: /** * 接收验证码请求 */ @Request

  • Java中使用patchca生成超炫的验证码

    官网:http://code.google.com/p/patchca/ /** * 验证码 * * @param width 图片宽度 * @param height 图片高度 * @param number 验证码数量 */ @RequestMapping(value = {"/captcha"}) public void captcha(HttpServletRequest request, HttpServletResponse response, @RequestParam(

  • Java生成验证码功能实例代码

    页面上输入验证码是比较常见的一个功能,实现起来也很简单.给大家写一个简单的生成验证码的示例程序,需要的朋友可以借鉴一下. 闲话少续,直接上代码.代码中的注释很详细. package com.SM_test.utils; import java.awt.Color; import java.awt.Font; import java.awt.Graphics; import java.awt.Graphics2D; import java.awt.RenderingHints; import ja

  • java生成验证码工具类

    java生成验证码工具类,供大家参考,具体内容如下 package com.demo.utils; import java.awt.BasicStroke; import java.awt.Color; import java.awt.Font; import java.awt.Graphics2D; import java.awt.RenderingHints; import java.awt.geom.QuadCurve2D; import java.awt.image.BufferedIm

随机推荐