ool工具

随着安全性的要求越来越高目前许多项目中都使用了验证码验证码也有各种类型如

图形验证码、短信验证码、邮件验证码、人脸识别等这些不同类型的验证码可以根据实际需求和安全性要求进行选择和应用保护网站和用户免受恶意攻击

验证码的实现方式有很多可以由前端实现也可以由后端进行实现也有很多的插件和工具包可以使用在这里我们使用

Hutool

输入验证码点击提交验证用户输入验证码是否正确正确则进行页面跳转

项目创建

charsetutf-8title验证码/titlestyle#inputCaptcha

{height:

}#verificationCodeImg{vertical-align:

middle;

srchttps://cdn.bootcdn.net/ajax/libs/jquery/3.6.4/jquery.min.js/scriptscript$(#verificationCodeImg).click(function(){$(this).hide().attr(src,

new

Date().getTime()).fadeIn();});$(#checkCaptcha).click(function

/body/html

initial-scale1.0title验证成功/title

/head

根据用户输入的验证码校验验证码是否正确校验成功返回true校验失败返回false

Hutool工具

Hutool是一个Java工具包类库对文件、流、加密解密、转码、正则、线程、XML等JDK方法进行封装组成各种Util工具类

Hutool是一个小而全的Java工具类库通过静态方法的封装降低相关API学习成本提高效率

实现服务器端代码

dependencygroupIdcn.hutool/groupIdartifactIdhutool-captcha/artifactIdversion5.8.26/version/dependency

获取验证码

其中提供了线段干扰验证码、圆圈干扰验证码、扭曲干扰验证码以及自定义验证码

我们在

CaptchaUtil.createLineCaptcha(200,

100);//图形验证码写出可以写出到文件也可以写出到流lineCaptcha.write(d:/line.png);//输出codeSystem.out.println(生成验证码:

运行观察结果

同样的我们可以生成圆圈干扰验证码、扭曲干扰验证码等大家可自行进行实现

在实现验证码时需要指定图片的长、宽和验证码的过期时间也可指定验证码字符个数、干扰元素个数等我们在

Constants

由于当用户输入验证码时我们需要进行校验因此我们需要对生成的验证码进行存储同时需要存储验证码的生成时间以便判断验证码是否超时

public

response*/GetMapping(/getCaptcha)public

void

CaptchaUtil.createLineCaptcha(Constants.CAPTCHA_WIDTH,

设置返回数据类型response.setContentType(image/jpeg);//

禁止使用缓存response.setHeader(Pragma,

No-cache);try

输出到页面lineCaptcha.write(response.getOutputStream());//

验证码生成时间

存储到session中session.setAttribute(Constants.CAPTCHA_KEY,

lineCaptcha.getCode());session.setAttribute(Constants.CAPTCHA_DATE,

new

关闭流response.getOutputStream().close();}

catch

return*/PostMapping(/check)public

boolean

参数校验if(!StringUtils.hasLength(captcha))

{return

session.getAttribute(Constants.CAPTCHA_KEY);Date

createTime

session.getAttribute(Constants.CAPTCHA_DATE);//

判断验证码是否正确(验证码一般忽略大小写)if(captcha.equalsIgnoreCase(code))

{//

中的验证码进行对比判断其是否相同若相同且在1min内则验证成功

调整前端代码

script$(#verificationCodeImg).click(function(){$(this).hide().attr(src,

new

Date().getTime()).fadeIn();});$(#checkCaptcha).click(function

{$.ajax({url:

$(#inputCaptcha).val()},success:

function(result)

{alert(验证码错误或已超时);}}})});/script

再次运行程序此时输入验证码进行验证