Google验证码Kaptcha的详细过程

使用Google验证码:Kaptcha

1.首先是导入jar包
在这里插入图片描述
2.第二步
配置jar包中的KaptchaServlet的路径
在这里插入图片描述

 <!--配置google的验证码返回一个图片-->
    <servlet>
        <servlet-name>KaptchaServlet</servlet-name>
        <servlet-class>com.google.code.kaptcha.servlet.KaptchaServlet</servlet-class>
    </servlet>
    <servlet-mapping>
        <servlet-name>KaptchaServlet</servlet-name>
        <url-pattern>/pages/Kaptcha.jpg</url-pattern>
    </servlet-mapping>

3.在需要显示验证码的地方调用上一步配置成为jpg格式的servlet(注意路径,配置的Kaptch中K要大写)****

<label>验证码:</label>
<input class="itxt" type="text" name="code" style="width: 100px;" id="code" />
<img alt="" src="Kaptcha.jpg" style="float: right; margin-right: 40px; width: 110px;height: 35px" id="code_img">

此时应该已经显示验证码了;但是我们都知道平常使用的验证码点击就会刷新,因此我们还要通过js或者jquery对其设置点击事件,下面我使用的是jquery

4.为验证码设置点击刷新事件

<script type="text/javascript">
			// 页面加载完成之后
			$(function () {
				$("#code_img").click(function () {
				//this指的是当前操作的DOM对象,src表示的是验证码图片的路径
				//alert(this.src);时间戳的目的就是使得每次请求的验证码的请求路径不一样,使得不出现读出缓存的情况
				this.src="Kaptcha.jpg?d="+new Date();
			});

这时应该验证码就已经准备好了。接下来就是获取验证码图片中的值
5.找到Constains
在这里插入图片描述
这个会话中的key保存的时验证码的值;
通过session中的key取出value,然后再使用的时候传入值与value值相比较就可以了;

//获取session中的验证码的值
        String token = (String) request.getSession().getAttribute(KAPTCHA_SESSION_KEY);
        //销毁session
        request.getSession().removeAttribute(KAPTCHA_SESSION_KEY);
        //2.检查验证码是否正确  写死要求验证码时"abcde"
        if (token!=null && token.equalsIgnoreCase(code)){//验证码正确}else{验证码错误}

以上5步就完成了google验证码的使用;

我也是刚学的小白,如果有什么说的不对的可以直接提出;

  • 4
    点赞
  • 1
    收藏
    觉得还不错? 一键收藏
  • 打赏
    打赏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

Today不上发条

你的鼓励将是我创作的最大动力

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付:¥1
获取中
扫码支付

您的余额不足,请更换扫码支付或充值

打赏作者

实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

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

余额充值