SSM框架实现登录等点击文字验证码的简单实现

文字点击验证码

我们在登录或者其他有隐私的操作情况下,往往会输入验证码的情况,你还在用123456789abcd做循环输出?
  这太捞了,今天我分享一个文字点击验证码的实现。
  先看看生成效果图,有没有达到你想要的程度。
  在这里插入图片描述
采用的主要方式是运用BufferedImage来绘制图片和文字。
直接上代码吧:由于某些原因不能上代码,只能发图片,请谅解,图片是从头到尾整个类的。

一、生成验证码

首先新建code.java类,配置一些基本属性
在这里插入图片描述
通过配置文件自动注入:
在这里插入图片描述

在这里插入图片描述

在这里插入图片描述

在这里插入图片描述

在这里插入图片描述

在这里插入图片描述

在这里插入图片描述

在这里插入图片描述

在这里插入图片描述
最后一行

    public String getRandomStringZh(int num){
        return String.valueOf(randZhString.charAt(num));
    }

二、校验验证码

校验验证码可以通过filter过滤需要验证码的url,也可以通过拦截器

@Configuration
public class WebAppConfig extends WebMvcConfigurerAdapter

来实现。因为在生成验证码的时候,我们将初始化的坐标存在了session里面,所以在拦截校验的时候,url应该携带前段点击的坐标,然后从session里面取到初始坐标来进行对比,对比成功则放行,否则return。
注意: 取坐标的时候,算的是点击的位置和整个验证码图片的百分比,不是坐标,url传的参数也是百分比。
下面是拦截器里面的主要逻辑,filter校验逻辑一样,只是放行方式不一样,filter需要配置路径。
在这里插入图片描述
在这里插入图片描述
在这里插入图片描述
以上就是图片点击验证码的简单实现了,有问题的请指出,欢迎下面评论。

评论 3
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值