SpringMVC (SSM) 配置Kaptcha验证码

最新推荐文章于 2024-01-23 14:31:50 发布
最新推荐文章于 2024-01-23 14:31:50 发布
阅读量4.4k 收藏 12
点赞数 4
分类专栏： Java
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/extraordinarylife/article/details/54924572
版权

简单模型



优势


开源、免费、简单、图片类型验证码

SpringMVC（SSM）配置


1、首先是配置jar包  如果你是Maven管理直接配置pom.xml文件即可.

<dependency>
            <groupId>com.google.code.kaptcha</groupId>
            <artifactId>kaptcha</artifactId>
            <version>2.3.2</version>
</dependency>

如果不是需要下载下jar包

下载地址：

2、配置Spring的配置文件web.xml文件中contextConfigLocation指向的文件

这里主要是配置验证码图片的样式和验证内容

<bean id="captchaProducer" class="com.google.code.kaptcha.impl.DefaultKaptcha">
		<property name="config">
			<bean class="com.google.code.kaptcha.util.Config">
				<constructor-arg>
					<props>
						<!-- 验证码宽度 -->
                        <prop key="kaptcha.image.width">110</prop> 
                        <!-- 验证码高度 -->
                        <prop key="kaptcha.image.height">50</prop>
                        <!-- 生成验证码内容范围 -->
                        <prop key="kaptcha.textproducer.char.string">123456789abcDeFGHjkLmnoQqrsTUVWXYZ</prop>
                        <!-- 验证码个数 -->
                        <prop key="kaptcha.textproducer.char.length">4</prop>
                        <!-- 是否有边框 -->
                        <prop key="kaptcha.border">no</prop>
                        <!-- 边框颜色 -->
                        <prop key="kaptcha.border.color">105,179,90</prop>
                        <!-- 边框厚度 -->
                        <prop key="kaptcha.border.thickness">1</prop>
                        <!-- 验证码字体颜色 -->
                        <prop key="kaptcha.textproducer.font.color">black</prop>
                        <!-- 验证码字体大小 -->
                        <prop key="kaptcha.textproducer.font.size">30</prop>
                        <!-- 验证码所属字体样式 -->
                        <prop key="kaptcha.textproducer.font.names">楷体</prop>
                        <!-- 干扰线颜色 -->
                        <prop key="kaptcha.noise.color">black</prop>
                        <!-- 验证码文本字符间距 -->
                        <prop key="kaptcha.textproducer.char.space">3</prop>
                        <!-- 图片样式 :阴影-->
                        <prop key="kaptcha.obscurificator.impl">com.google.code.kaptcha.impl.ShadowGimpy</prop>
					</props>
				</constructor-arg>
			</bean>
		</property>
	</bean>



3、jsp、js及java文件参考

login.jsp

<%@ page language="java" contentType="text/html; charset=UTF-8"
    pageEncoding="UTF-8"%>
<%@ taglib uri="http://java.sun.com/jsp/jstl/core" prefix="c"%>
<!-- 项目路径 -->
<%
    String path = request.getContextPath();
    String basePath = request.getScheme() + "://" + request.getServerName() + ":" + request.getServerPort()
            + path;
%>
<c:set var="base" value="<%=basePath%>" scope="application"></c:set>
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<script type="text/javascript" src="resources/js/common/jquery.min.js"></script>
<script type="text/javascript" src="resources/js/common/jquery.md5.js"></script>
<script type="text/javascript" src="resources/js/login.js"></script>
<title>验证码</title>
</head>
<body>
    <div>
        <div>
            <span id="message" style="color: red;"></span>
        </div>
        <form id="form" action="" method="post">
	      <div style="height:40px;">
              <label>帐 号:</label>
              <input name="userName" type="text" id="userName" value="" placeholder="用户名" maxlength="32"/>
          </div>
          <div style="height:16px;">
             <label>密 码:</label>
             <input type="password" id="password" name="password" value="" placeholder="密码" maxlength="16"/>
          </div>
          <div style="height:40px;">
             <label>验证码:</label>
             <input id="imageContent" name="imageContent" type="text" placeholder="验证码" maxlength="4" style="width: 71px;">
             <img id="imgObj" alt="验证码" src="${base }/captcha/getCaptchaImage.do" οnclick="changeImg()">
             <input id="timestamp" name="timestamp" value="${timestamp }" type="hidden" >
          </div>
          <img id="imgObj111" alt="验证码111" src="resources\images\duihao.png"style="margin-top: -2px;margin-left: 120px; display:none;">
          <div style="height:40px;">
	        <input type="button" value="确定" style="margin-top: 20px;" οnclick="clickeBut()"/>
	        <input type="button" value="确定1" style="margin-top: 20px;" οnclick="clickeBut2()"/>
	      </div>
	   </form>
    </div>
</body>
</html>


login.js 


$(document).ready(function(){ 
	
//	$("#clicke").click(function(){
//		clickeBut();
//	});
});

/**
 * 更换图片
 */
function changeImg() {
    var imgSrc = $("#imgObj");
    var src = imgSrc.attr("src");
    imgSrc.attr("src", chgUrl(src));
};
/**
 * 时间戳  
 * 为了使每次生成图片不一致，即不让浏览器读缓存，所以需要加上时间戳 
 */
function chgUrl(url) {
    var timestamp = (new Date()).valueOf();
    var stamp = $("#timestamp");
//    alert(url);
    url = url.substring(0, 60);
    if ((url.indexOf("&") >= 0)) {
        url = url + "×tamp=" + timestamp;
    } else {
        url = url + "?timestamp=" + timestamp;
        stamp.val(timestamp);
    }
    return url;
};
/**
 * 提交
 */
function clickeBut(){
	//帐号
	var userName = $("#userName").val().trim();
	//密码
	var password = $("#password").val().trim();
	//验证码
	var imageContent = $("#imageContent").val().trim();
	if(userName.length == 0){
		$("#message").text("请输入帐号");
		return false;
	}
//	console.log(password);
	
	if(password.length == 0){
		$("#message").text("请输入密码");
		return false;
	}
	if(imageContent.length == 0){
		$("#message").text("请输入验证码");
		return false;
	}else if(imageContent.length < 4){
		$("#message").text("验证码错误");
		return false;
	}else{
		//密码判断
		$.ajax({
            type : 'post',
            url : 'longin.htm',
            data : {
                "userName" : userName,
                "password" : $.md5(password)
            },
            success : function(data) {
            	//'0'失败,'1'成功
            	if(data==0){
            		$("#message").text("账号或密码错误");
            		return false;
            	}else if(checkImageCode(imageContent)){
            		//成功提交
            		$("#form").attr("action", "index.htm");
            	    $("#form").submit();
            	}
            }
        });
		
	}
};
/**
 * 验证码校验
 */
function checkImageCode(s) {
	//验证码
	var code = s.trim();
    var timestamp = $("#timestamp").val().trim();
//    console.log(code + " " + timestamp);
    var status = "";
    var boo=false;
    if(code.length != 0 ){
    	$.ajax({
            type : 'post',
            async : false,
            url : 'captcha/checkCaptcha.do',
            data : {
                "code" : code
            },
            success : function(data) {
            	status = data;
            }
        });
        if(status.indexOf("true")>=0){
            document.getElementById("imgObj111").style.display = "block";
            $("#imagCheck").val("true");
            $("#message").text("");
            boo = true;
        }else{
            changeImg();
            document.getElementById("imgObj111").style.display = "none";
            $("#message").text("验证码错误");
            return false;
        }
    }else{
        $("#message").text("请输入验证码");
        return;
    }
    return boo;
//    console.log(status);
}


CaptchaController.java 


package com.controller;

import java.awt.image.BufferedImage;
import java.io.IOException;

import javax.imageio.ImageIO;
import javax.servlet.ServletOutputStream;
import javax.servlet.http.HttpServletRequest;
import javax.servlet.http.HttpServletResponse;

import org.apache.commons.logging.Log;
import org.apache.commons.logging.LogFactory;
import org.springframework.beans.factory.annotation.Autowired;
import org.springframework.stereotype.Controller;
import org.springframework.ui.Model;
import org.springframework.util.StringUtils;
import org.springframework.web.bind.annotation.RequestMapping;
import org.springframework.web.bind.annotation.RequestMethod;
import org.springframework.web.bind.annotation.RequestParam;
import org.springframework.web.bind.annotation.ResponseBody;
import org.springframework.web.servlet.ModelAndView;

import com.google.code.kaptcha.Constants;
import com.google.code.kaptcha.Producer;

/**
 * 验证码相关的接口
 *
 * @author gaowei.cheng
 */
@Controller
@RequestMapping(value = "/captcha")
public class CaptchaController {

    private static final Log log = LogFactory.getLog(CaptchaController.class);
    @Autowired
    private Producer captchaProducer;

    /**
     * 页面入口
     * @param model
     * @return
     */
    @RequestMapping(value = "/getCaptcha.do", method = RequestMethod.GET)
    public String getCaptcha(Model model) {
        model.addAttribute("timestamp", System.currentTimeMillis());
        return "captcha";
    }

    /**
     * 生成带验证码的图片
     * @param model
     * @param request
     * @param response
     * @param timestamp
     * @return
     * @throws IOException
     */
    @RequestMapping(value = "/getCaptchaImage.do", method = RequestMethod.GET)
    public ModelAndView getCaptchaImage(Model model,HttpServletRequest request, HttpServletResponse response,
                                        @RequestParam(value = "timestamp", required = false) String timestamp) throws IOException {
        if (StringUtils.isEmpty(timestamp)) {
            //System.out.println("没有时间戳\ttimestamp:" + timestamp);
            model.addAttribute("timestamp", System.currentTimeMillis());
        } else {
            //System.out.println("有时间戳\ttimestamp:" + timestamp);
            model.addAttribute("timestamp", timestamp);
        }

        response.setDateHeader("Expires", 0);
        response.setHeader("Cache-Control", "no-store, no-cache, must-revalidate");
        response.addHeader("Cache-Control", "post-check=0, pre-check=0");
        response.setHeader("Pragma", "no-cache");
        response.setContentType("image/jpeg");
        String capText = captchaProducer.createText();

        request.getSession().setAttribute(Constants.KAPTCHA_SESSION_KEY, capText);
        log.info("======生成了一个验证码，内容为：" + capText);
        BufferedImage bi = captchaProducer.createImage(capText);
        ServletOutputStream out = response.getOutputStream();
        ImageIO.write(bi, "jpg", out);
        try {
            out.flush();
        } finally {
            out.close();
        }
        return null;
    }

    /**
     *
     * @param timestamp
     * @param code
     * @param request
     * @return true或fasle,ture表示验证成功,false表示验证失败
     */
    @RequestMapping(value = "/checkCaptcha.do", method = RequestMethod.POST)
    @ResponseBody
    public String checkCaptcha(@RequestParam(value = "timestamp", required = false) String timestamp, @RequestParam(value = "code", required = false) String code,HttpServletRequest request) {
        boolean returnStr = false;

        String original =(String) request.getSession().getAttribute(Constants.KAPTCHA_SESSION_KEY);
        log.info("======用户输入的验证码：" + code);
        log.info("======正确的验证码：" + original);

        if (!StringUtils.isEmpty(code)) {
            if (code.equalsIgnoreCase(original)) {
                returnStr = true;
            }
        }

        log.info("======验证结果" + returnStr);
        return returnStr + "";

    }
}

CaptchaImageCreateController.java 

package com.controller;

import java.awt.image.BufferedImage;
import javax.imageio.ImageIO;
import javax.servlet.ServletOutputStream;
import javax.servlet.http.HttpServletRequest;
import javax.servlet.http.HttpServletResponse;
import org.springframework.beans.factory.annotation.Autowired;
import org.springframework.stereotype.Controller;
import org.springframework.web.bind.annotation.RequestMapping;
import org.springframework.web.servlet.ModelAndView;
import com.google.code.kaptcha.Constants;
import com.google.code.kaptcha.Producer;
@Controller
@RequestMapping("/")  
public class CaptchaImageCreateController {
 
 private Producer captchaProducer = null;  
   
     @Autowired  
     public void setCaptchaProducer(Producer captchaProducer) {  
         this.captchaProducer = captchaProducer;  
     }  
   
     @RequestMapping("/captcha-image")  
     
     public ModelAndView handleRequest
    (HttpServletRequest request, HttpServletResponse response) throws Exception {  
   
         response.setDateHeader("Expires", 0); 
 
         // Set standard HTTP/1.1 no-cache headers. 
 
         response.setHeader("Cache-Control", "no-store, no-cache, must-revalidate");  
         // Set IE extended HTTP/1.1 no-cache headers (use addHeader). 
 
         response.addHeader("Cache-Control", "post-check=0, pre-check=0");  
         // Set standard HTTP/1.0 no-cache header. 
 
         response.setHeader("Pragma", "no-cache");  
         // return a jpeg 
 
         response.setContentType("image/jpeg");  
         // create the text for the image
  
         String capText = captchaProducer.createText();  
         // store the text in the session 
 
         request.getSession().setAttribute(Constants.KAPTCHA_SESSION_KEY, capText);  
         // create the image with the text  

         BufferedImage bi = captchaProducer.createImage(capText);  
         ServletOutputStream out = response.getOutputStream();  
         // write the data out  

         ImageIO.write(bi, "jpg", out);  
         try {  
             out.flush();  
         } finally {  
             out.close();  
         }  
         return null;  
     }  
   
 }

到此整个一个简单的登陆验证完成，代码仅供参考。
复制粘贴不可怕，可怕的是复制粘贴代码从不用脑研究。自己会的东西才是自己的

验证码样式


Constant描述默认值
kaptcha.border图片边框，合法值：yes , noyes
kaptcha.border.color边框颜色，合法值： r,g,b (and optional alpha) 或者 white,black,blue.black
kaptcha.border.thickness边框厚度，合法值：>01
kaptcha.image.width图片宽200
kaptcha.image.height图片高50
kaptcha.producer.impl图片实现类com.google.code.kaptcha.impl.DefaultKaptcha
kaptcha.textproducer.impl文本实现类com.google.code.kaptcha.text.impl.DefaultTextCreator
kaptcha.textproducer.char.string文本集合，验证码值从此集合中获取abcde2345678gfynmnpwx
kaptcha.textproducer.char.length验证码长度5
kaptcha.textproducer.font.names字体Arial, Courier
kaptcha.textproducer.font.size字体大小40px.
kaptcha.textproducer.font.color字体颜色，合法值： r,g,b  或者 white,black,blue.black
kaptcha.textproducer.char.space文字间隔2
kaptcha.noise.impl干扰实现类com.google.code.kaptcha.impl.DefaultNoise
kaptcha.noise.color干扰颜色，合法值： r,g,b 或者 white,black,blue.black
kaptcha.obscurificator.impl图片样式：
水纹com.google.code.kaptcha.impl.WaterRipple
鱼眼com.google.code.kaptcha.impl.FishEyeGimpy
阴影com.google.code.kaptcha.impl.ShadowGimpy		com.google.code.kaptcha.impl.WaterRipple
kaptcha.background.impl背景实现类com.google.code.kaptcha.impl.DefaultBackground
kaptcha.background.clear.from背景颜色渐变，开始颜色light grey
kaptcha.background.clear.to背景颜色渐变，结束颜色white
kaptcha.word.impl文字渲染器com.google.code.kaptcha.text.impl.DefaultWordRenderer
kaptcha.session.keysession keyKAPTCHA_SESSION_KEY
kaptcha.session.datesession dateKAPTCHA_SESSION_DATE



CodingAnHour
关注
  • 4
    点赞
  • 踩
  • 12
    收藏
    觉得还不错? 一键收藏
  • 6
    评论
专栏目录
spring mvc 使用kaptcha配置生成验证码实例
08-30
本篇文章主要介绍了spring mvc 使用kaptcha生成验证码实例，详细的介绍了使用Kaptcha 生成验证码的步骤，有兴趣的可以了解一下
Java项目（三）-- SSM开发社交网站（6）--Kaptcha验证码的配置与使用
qq_32091929的博客
11-06 516
Kaptcha验证码组件 Kaptcha是谷歌开源的可高度配置的实用验证码生成工具。 通过Kaptcha可阻拦大多数机器人脚本操作 Kaptcha典型应用于注册、登录、重要信息提交等用户交互。 Kaptcha使用步骤 Kaptcha配置验证码生成参数。 开发KaptchaController生成验证码图片。 将前台输入验证码与session保存的验证码进行比对。 代码演示 首先打开pom.xml文件，引入Kaptcha依赖 打开applicationContext.xml添加Kaptcha配置 然后在com
Java web验证码——kaptcha的三种配置方式
weixin_43666414的博客
01-12 1546
Java web验证码——kaptcha的使用（1）——通过XML配置文件配置) Java web验证码——kaptcha的使用（1） 本文转自其他作者：创建原作者链接 通过调用kaptcha依赖使用验证码本人总结有3中方式： 1：直接通过XML配置文件使用 2：创建实体Bean对象，通过SpringMVC创建验证码对象 3：使用属性文件*.yml配置相关验证码属性 下面介绍第一种方法： 一. 配置kaptcha的jar包 pom.xml配置： <-- 目前只有2.3.2版本--> &
maven_SSM项目如何实现验证码功能
chao的博客
05-24 892
防止恶意注册，自动化程序批量注册。防止暴力破解。由于直接在maven中引入依赖，没有找到。所以只能直接去下载jar包了。链接：https://pan.baidu.com/s/1KANhJKI4sQCfkiroTVr0WA?pwd=29iv提取码：29iv这里是我下载好的，kaptcha-2.3.2.jar。
SSM实现登录验证码功能
zxx862309181的博客
10-14 1607
工具类 public class RandomValidateCode { public static final String RANDOMCODEKEY = "randomcode_key";// 放到session中的key private Random random = new Random(); private String randString = "0123456789ABCDEFGHIJKLMNOPQRSTUVWXYZ";// 随机产生的字符串 private int width
SpringMvc使用GoogleKaptcha生成验证码
08-29
主要为大家详细介绍了SpringMvc项目中使用GoogleKaptcha 生成验证码，具有一定的参考价值，感兴趣的小伙伴们可以参考一下
SSM.rar_springmvc SSM_ssm
09-15
一个简单的ssm配置源码 Spring+SpringMVC+MyBatis
springMVC实现图形验证码（kaptcha）代码实例
08-25
主要介绍了springMVC实现图形验证码（kaptcha）代码实例,文中通过示例代码介绍的非常详细，对大家的学习或者工作具有一定的参考学习价值
springmvc ssm demo 例子
05-03
springmvc ssm demo maven mybatis 日志记录 springmvc+mybatis+maven
Google Kaptcha 框架实现登录验证码功能（SSM 和 SpringBoot）
08-26
主要介绍了Google Kaptcha 实现登录验证码（SSM 和 SpringBoot）功能，本文通过实例代码给大家介绍的非常详细，具有一定的参考借鉴价值,需要的朋友可以参考下
SSM框架下的验证码背景干扰图片
04-02
登录验证或者发送短信验证时所需的验证码背景图片。只有图片，具体实现功能请看博客
SSM——验证码（Hutool-captcha）
逾越的博客
08-20 7245
文章目录前言一、Hutool是什么？二、使用步骤1.引入Hutool Maven库2.Hutool-captcha介绍3.如何使用Hutool-captcha 前言 Hutool：https://hutool.cn/docs/#/ 本文章是基于ssm项目+Layui 一、Hutool是什么？ Hutool是一个小而全的Java工具类库，通过静态方法封装，降低相关API的学习成本，提高工作效率，使Java拥有函数式语言般的优雅，让Java语言也可以“甜甜的”。 在Hutool下有 图形形验证码（Hutool
【SpringBoot/SSM】实现手机验证码获取（学生版）
CO_LA_的博客
07-22 1665
【SpringBoot/SSM】实现手机验证码获取（学生版） 文章目录【SpringBoot/SSM】实现手机验证码获取（学生版）前言一、环境准备二、测试代码1.引入库2.编写验证码生成工具类3.编写短信发送工具类4.编写发送验证码与注册控制层5.测试页面6.测试结果总结 前言 现在通过Springboot或是SSM做项目避免不开验证功能的实现，通常的验证方式有手机验证码、邮箱验证码、静态随机验证码等。本文主要介绍学生项目开发中手机验证码的实现。 一、环境准备 现主流运用的第三方短信接口平台很多，博主
SpringBoot---Kaptcha登录验证码的实现
最新发布
m0_71117042的博客
01-23 1231
图像验证码显示功能使用Kaptcha验证码产品 实现前台验证码显示功能Kaptcha是一个可高度配置的实用验证码生成工具，可自由配置的选项如：1.验证码的字体2.验证码字体的大小3.验证码字体的字体颜色4.验证码内容的范围数字，字母，中文汉字！5.验证码图片的大小，边框，边框粗细，边框颜色6.验证码的干扰线7.验证码的样式鱼眼样式、3D、普通模糊、…)
SpringMvc实现验证码
04-13 3257
前言验证码一般都通过Servlet可直接实现，网上也有很多开源的验证码项目，如果开发框架是SpringMvc，那么就需要做相应的修改
JAVA google验证码kaptcha 属性配置大全
BlueKitty的博客
01-10 8180
property 说明 取值范围 默认值 kaptcha.border 图片边框 yes , no yes kaptcha.border.color 边框颜色 合法值：r,g,b (and optional alpha) 或者 white,black,blue black kaptcha.border.thickness 边框厚度 &amp;gt;0 1 kaptcha.ima...
springmvc SSM整合
09-16
Spring MVC 和 SSM（Spring + Spring MVC + MyBatis）是常见的 Java Web 开发框架组合。下面是将 Spring MVC 和 SSM 整合的一般步骤...整合完成后，你可以使用注解、XML 配置等方式来完善你的 Spring MVC + SSM 项目。

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论 6
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值