前往小程序,Get更优阅读体验!
立即前往
首页
学习
活动
专区
工具
TVP
发布
社区首页 >专栏 >SpringBoot 彩色动态验证码使用!

SpringBoot 彩色动态验证码使用!

作者头像
木字楠
发布2022-11-15 16:52:30
5310
发布2022-11-15 16:52:30
举报
文章被收录于专栏:木字楠の空间

今天来记录一下彩色验证码的使用!

首先介绍一下开源验证码:EasyCaptcha,在Gitee中star达到1.5k,非常受大家欢迎。介绍中详细介绍了如何使用,上手简单,对于小白非常友好!如下图所示:

在这里插入图片描述
在这里插入图片描述
在这里插入图片描述
在这里插入图片描述

在这里使用 SpringBoot 工程来做案例

1.引入 pom 文件

在 pom.xml 文件中引入 依赖 ,当右侧Dependedcies中出现依赖时说明加载成功!

代码语言:javascript
复制
   <dependency>
      <groupId>com.github.whvcse</groupId>
      <artifactId>easy-captcha</artifactId>
      <version>1.6.2</version>
   </dependency>
在这里插入图片描述
在这里插入图片描述

2.选择我们要使用的验证码类型

在这里插入图片描述
在这里插入图片描述

这里我以算数验证码为例:

在这里插入图片描述
在这里插入图片描述

3.开始使用

在这里插入图片描述
在这里插入图片描述

接下来我们创建一个html页面进行测试(img的src属性是可以识别base64编码的,并将编码转换为图片)

在这里插入图片描述
在这里插入图片描述
在这里插入图片描述
在这里插入图片描述

我们再次打开就会发现出现了一个验证码图片,并且是5位数相加减! 6 - 9 -4 + 9 + 8 = 10 没人有疑问吧😎

如果感觉太长的话可以设置长度,一般都是2个数相加减。

在这里插入图片描述
在这里插入图片描述
在这里插入图片描述
在这里插入图片描述

当然动态验证码也是一样的道理:

在这里插入图片描述
在这里插入图片描述
在这里插入图片描述
在这里插入图片描述

大家完全可以根据自己的需求进行编码。

本文参与 腾讯云自媒体同步曝光计划,分享自作者个人站点/博客。
原始发表:2022-06-17,如有侵权请联系 cloudcommunity@tencent.com 删除

本文分享自 作者个人站点/博客 前往查看

如有侵权,请联系 cloudcommunity@tencent.com 删除。

本文参与 腾讯云自媒体同步曝光计划  ,欢迎热爱写作的你一起参与!

评论
登录后参与评论
0 条评论
热度
最新
推荐阅读
目录
  • 今天来记录一下彩色验证码的使用!
  • 在这里使用 SpringBoot 工程来做案例
    • 1.引入 pom 文件
      • 2.选择我们要使用的验证码类型
        • 3.开始使用
        相关产品与服务
        验证码
        腾讯云新一代行为验证码(Captcha),基于十道安全栅栏, 为网页、App、小程序开发者打造立体、全面的人机验证。最大程度保护注册登录、活动秒杀、点赞发帖、数据保护等各大场景下业务安全的同时,提供更精细化的用户体验。
        领券
        问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档