SpringBoot生成图形验证码

需求:验证码一码一用,验证之后,不管是成功还是失败,都需要重新获取或者刷新二维码。

大致思路:后端生成验证码后还需要生成一个UUID与之对应,存储到缓存(记得添加过期时间),把UUID和验证码反给前端,登录时后端使用前端传过来的UUID去缓存获取验证码,然后和前端传过来的验证码对比(一般忽略大小写)。

不重复造轮子,使用开源组件,两步完事:

第一步:添加依赖

        <!-- 添加图形验证码依赖 --><dependency><groupId>cn.hutool</groupId><artifactId>hutool-captcha</artifactId><version>5.8.5</version></dependency>

第二步:接口编写

两个接口,两种方式:1.接口直接返回图片。2.接口返回base64字符串。

@Api(tags = "图形验证码-api")
@RequestMapping("/api/gv")
@RestController
public class CaptchaController {// 模拟缓存Map<String,String> cache = new HashMap<>();/*** 给前端返回一个验证码图片* @return*/@ApiOperation("获取图形验证码")@GetMapping("/identifyImage")public void identifyImage(HttpServletResponse response,@ApiParam(value = "图形验证码id,无值:生成验证码,有值:刷新验证码")@RequestParam(name = "codeId", required = false) String codeId) throws IOException {//定义图形验证码的长、宽、验证码字符数、干扰元素个数LineCaptcha lineCaptcha = CaptchaUtil.createLineCaptcha(200, 90, 4, 100);// 验证码值String code = lineCaptcha.getCode();System.out.println("验证码值:" + code);// 模拟把验证码的值存储到缓存(记得添加过期时间)if (codeId == null) {System.out.println("获取图形码");codeId = ToolUtil.simpleUUID();// 保存图形码值cache.put(codeId, code);} else {System.out.println("刷新图形码");// 更新图形码值,此时此刻 图形码可能已经过期删除,那就相对于保存一个新的cache.put(codeId, code);}// 图形验证码对应的UUID,id和验证码一一对应,用于刷新、验证response.setHeader("codeId", codeId);// 输出到客户端try (ServletOutputStream outputStream = response.getOutputStream()) {// 图形验证码写出,写出到流lineCaptcha.write(outputStream);} catch (Exception e) {System.out.println("图形验证码输出错误");}}/*** 给前端返回一个base64格式的图片,前端需要转换为图片* @return*/@ApiOperation("获取图形验证码base64")@GetMapping("/identifyImageBase64")public String identifyImageBase64() {// 定义图形验证码的长和宽LineCaptcha lineCaptcha = CaptchaUtil.createLineCaptcha(200, 90, 4, 100);// 验证码值String code = lineCaptcha.getCode();System.out.println("验证码值:" + code);// 验证码以base64的格式返回到客户端return lineCaptcha.getImageBase64Data();}}

效果展示:

1. 接口直接返回图片。

2. 接口返回base64字符串。

 前端处理后得到图片:

 更多功能和用法可参考详细文档:      Hutool参考文档

本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如若转载,请注明出处:http://xiahunao.cn/news/253883.html

如若内容造成侵权/违法违规/事实不符,请联系瞎胡闹网进行投诉反馈,一经查实,立即删除!

相关文章

自己实现图形验证码

如果不想重复造轮子&#xff0c;参考上一篇文章&#xff1a;SpringBoot生成图形验证码_Muscleheng的博客-CSDN博客 这里不需要依赖开源组件包&#xff0c;完全自己实现图形验证码功能 两步完成&#xff1a; 第一步&#xff1a;编写图形验证码工具 package com.zhh.demo.com…

图形验证码的使用

在用户登录的时候&#xff0c;除了要输入用户名和密码&#xff0c;有时候还需要输入验证码进行验证&#xff0c;如下&#xff1a; 现在一般用短信验证码比较多&#xff0c;但是图形验证码也有使用。记录一下图形验证码的使用过程。 1、验证码生成器 先定义一个验证码的生成器…

vue图形验证码

Vue图形验证码 组件 可以自行封装一下&#xff0c;放在components目录下。 <template><span class"s-canvas" click"changeCode"><canvas id"s-canvas" :width"contentWidth" :height"contentHeight">…

图形验证码安全

目录 图形验证码 图形验证码的作用和原理 图形验证码的分类 图形验证码的验证过程 图形验证码的安全问题 静态图形验证码的破解 利用Python脚本破解静态图形验证码 图形验证码 我们经常在登录app或者网页的时候&#xff0c;都会需要我们输入图形验证码上的内容&#xf…

图形验证码

一、图形验证码是什么&#xff1f; 图形验证码是一些没有规则的图文的组合&#xff0c;参考下图 二、图形验证码有什么用&#xff1f; 防止恶意攻击者采用恶意工具批量注册账号或是大量频繁调用某些请求&#xff0c;给服务器造成压力&#xff0c;占用大量的系统资源。 三、图形…

C语言——数据在内存中的存储(上)

数据在内存中的存储 1. 数据类型的介绍 之前已经介绍过C语言中的基本数据类型了&#xff0c;主要有&#xff1a; char //字符数据类型short //短整型int //整形long //长整型long long //更长的整形float //单精度浮点数double //双精度浮点数 注意&#xff1a;C语言中是是没…

php图形 验证码代码,PHP制作图形验证码代码分享,php图形验证码代码_PHP教程

PHP制作图形验证码代码分享,php图形验证码代码 效果: myvcode.class.php:封装创建验证码的类 /* * file:myvcode.class.php * 验证码类,类名Vcode */ class Vcode {private $width; /*验证码宽度*/ private $height; /*验证码高度*/ private $codeNum; /*验证码字符个数*/ p…

Android图形验证码

1. 前言 图形验证码可以让服务器以图片的形式传给客户端&#xff0c;也可以让客户端自己实现。那客户端要怎么做呢&#xff1f;其实很简单&#xff0c;可以使用Android的Canvas、Paint和Random来实现。用Random来随机生成数字、字母、颜色、画笔原点等等&#xff0c;设置Paint…

java生成图形验证码

随时随地阅读更多技术实战干货&#xff0c;获取项目源码、学习资料&#xff0c;请关注源代码社区公众号(ydmsq666) 首先&#xff0c;需要生成验证码字符串&#xff0c;方式很多&#xff0c;下面提供一种&#xff0c;根据指定源的方式来生成验证码 /*** 使用系统默认字符源生成验…

图形验证码最佳攻略2

下面是注册 如果是手机用户注册,需要发送短信验证码 说明: 发送图形验证码是为了拦截发送短信的.但是不拦截"注册帐号" 但是,用户体验很别扭,因为图形验证码很显然是错误的,但是却可以注册成功. 如果点击注册帐号 ,也要校验图形验证码,那就让用户输入两次图形验证码,…

小程序图形验证码输入校验例子

前言 本教程是基于 “apifm-wxapi” 模块&#xff0c;教你快速实现小程序开发&#xff0c;所以你可能需要先了解以下知识点&#xff1a; 《创建 HelloWorld 项目》《使用 “apifm-wxapi” 快速开发小程序》《免费注册开通后台&#xff0c;获得专属域名》 功能说明 图形验证码的…

Part1:使用 TensorFlow 和 Keras 的 NeRF计算机图形学和深度学习——计算机图形学世界中相机的工作原理

Part1&#xff1a;使用 TensorFlow 和 Keras 的 NeRF计算机图形学和深度学习 1. 效果图2. 原理2.0 前向成像模型2.1 世界坐标系2.2 相机坐标系2.3 坐标变换2.4 投影转换2.5 数据 3. 源码参考 是否有一种方法可以仅从一个场景多张不同视角的照片中捕获整个3D场景&#xff1f; 有…

IDEA+Mysql+Sqlserver安装步骤_kaic

下载Intellij 开发工具&#xff0c;如果有请检查软件是否过期&#xff0c;如果过期卸载电脑上的Intellij软件。卸载步骤&#xff1a; 打开控制面板&#xff0c;选择卸载程序找到Intellij右键卸载 如果没有请保存文档中的Intellij.zip压缩包,进行安装&#xff0c;安装步骤 双…

电脑重置网络

1、键盘WinR键&#xff0c;弹出窗口 2、然后在里面输入cmd输入CMD 3、出现的命令提示框内输入“netsh winsock reset"按”Enter“键 4、重启电脑后生效。

重置电脑

步骤1&#xff1a; 以Win10系统为例 直接在搜索框输入:reset 或者直接选择「设置」-「更新和安全」-「恢复」 步骤2&#xff1a; 步骤3&#xff1a; 根据个人情况选择【保留我的文件】或者【删除所有内容】

如何让Win10 重置此电脑功能无法使用

环境&#xff1a; Win10 专业版 问题描述&#xff1a; 通过设置-更新和安全-恢复-重置此电脑&#xff0c;如何让Win10 重置此电脑功能无法使用 解决方案&#xff1a; 1.PE下删除Win Re 恢复分区&#xff0c;然后重置就无法使用

重置计算机后无法开机,win10重置此电脑失败怎么办_win10重置此电脑失败无法开机修复方法...

当win10系统使用时间长了&#xff0c;难免会有一些电脑故障的出现&#xff0c;这时有些用户就会选择使用重置电脑的方式来解决&#xff0c;但是最近有用户再给自己的win10系统进行重置时总是出现失败的情况&#xff0c;那么win10重置此电脑失败怎么办呢&#xff1f;下面就来告诉…

win10怎么重置计算机,如何重置Win10系统电脑

当系统出现一些难以解决的问题时&#xff0c;我们一般会选择重置电脑来解决问题&#xff0c;比起重装电脑来说简单很多&#xff0c;但是也要注意有可能会失败。下面小编就以win10为例&#xff0c;给大家讲讲怎么重置电脑的操作步骤吧。 操作步骤&#xff1a; 1、打开屏幕侧方的…

DELL 笔记本 - Windows 10 恢复 / 重置此电脑

DELL 笔记本 - Windows 10 恢复 / 重置此电脑 1. Windows 设置 2. 更新和安全 3. 恢复 4. 删除所有内容 5. 所有驱动器 6. 仅删除我的文件 7. 重置 References https://yongqiang.blog.csdn.net/

win10系统如何重置电脑

在win10系统出现系统问题无法修复的时候&#xff0c;我们可以尝试使用win10系统自带的重置功能&#xff0c;相比重装系统在操作上可能要简单不少&#xff0c;不过同样也有失败的风险。下面就让小编带领大家进行一下win10系统重置电脑的操作吧。 win10系统如何重置电脑 1、打…