当前位置：首页 > news >正文

使用Kaptcha实现的验证码功能

news 2026/3/31 19:27:22

一.需求

二.验证码功能实现步骤

验证码

引入kaptcha依赖

完成application.yml配置文件

浏览器显示验证码

前端页面

登录页面

验证成功页面

后端

此验证码功能是以SpringBoot框架下基于kaptcha插件来实现的。

一.需求

1.页面生成验证码

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

二.验证码功能实现步骤

1.生成内容（根据词库）

2.生成干扰项

3.二者组成图片，返回

验证码

引入kaptcha依赖

<dependency><groupId>com.oopsguy.kaptcha</groupId><artifactId>kaptcha-spring-boot-starter</artifactId><version>1.0.0-beta-2</version>
</dependency>

完成application.yml配置文件

kaptcha:
#  图片大小image:width: 100height: 60
#  字体text-producer:font:size: 28items:
#    home captchaadmin:path: /admin/captchasession:key: HOME_KAPTCHA_SESSION_KEYdata: HOME_KAPTCHA_SESSION_DATE

浏览器显示验证码

运行：即可在浏览器访问验证码

前端页面

登录页面

<!DOCTYPE html>
<html lang="en"><head><meta charset="utf-8"><title>验证码</title><style>#inputCaptcha {height: 30px;vertical-align: middle; }#verificationCodeImg{vertical-align: middle; }#checkCaptcha{height: 40px;width: 100px;}</style>
</head><body><h1>输入验证码</h1><div id="confirm"><input type="text" name="inputCaptcha" id="inputCaptcha"><img id="verificationCodeImg" src="/admin/captcha" style="cursor: pointer;" title="看不清？换一张" /><input type="button" value="提交" id="checkCaptcha"></div><script src="https://cdn.bootcdn.net/ajax/libs/jquery/3.6.4/jquery.min.js"></script><script>$("#verificationCodeImg").click(function(){$(this).hide().attr('src', '/admin/captcha?dt=' + new Date().getTime()).fadeIn();});$("#checkCaptcha").click(function () {$.ajax({type:"get",url:"/admin/check",data:{captcha:$("#inputCaptcha").val()},success:function(result){if(result){location.href="success.html";}else{alert("验证码错误");}}});});</script>
</body></html>

验证成功页面

<!DOCTYPE html>
<html lang="en">
<head><meta charset="UTF-8"><meta name="viewport" content="width=device-width, initial-scale=1.0"><title>验证成功页</title>
</head>
<body><h1>验证成功</h1>
</body>
</html>

后端

package com.lele.demo.controller;import org.springframework.util.StringUtils;
import org.springframework.web.bind.annotation.RequestMapping;
import org.springframework.web.bind.annotation.RestController;import javax.servlet.http.HttpSession;
import javax.xml.crypto.Data;
import java.util.Date;@RequestMapping("/admin")
@RestController
public class CaptchaController {private static final String KAPTCHA_SESSION_KEY= "HOME_KAPTCHA_SESSION_KEY";private static final String KAPTCHA_SESSION_DATE="HOME_KAPTCHA_SESSION_DATE";//一分钟60秒，一秒1000毫秒private static final Long SESSION_TIME_OUT=60*1000L;//    1.从session中获取生成的验证码
//    2.对比前端的验证码与session中的是否一样//验证成功返回true 失败返回false@RequestMapping("/check")public Boolean check(String captcha ,HttpSession session){if(!StringUtils.hasLength(captcha)){return false;}//从session中获取验证码String saveCaptcha=(String) session.getAttribute(KAPTCHA_SESSION_KEY);Date saveDate=(Date) session.getAttribute(KAPTCHA_SESSION_DATE);//比对验证码if(captcha.equals(saveCaptcha)){//比对日期if(saveDate==null || System.currentTimeMillis()-saveDate.getTime()<SESSION_TIME_OUT){return true;}return true;}return false;}
}

测试后端代码

实现结果

使用Kaptcha实现的验证码功能

目录一.需求二.验证码功能实现步骤验证码引入kaptcha依赖完成application.yml配置文件浏览器显示验证码前端页面登录页面验证成功页面后端此验证码功能是以SpringBoot框架下基于kaptcha插件来实现的。一.需求 1.页面生成验证码 2.输入验证码&#xff…...

编程日记 2023/12/19 16:33:24

【无标题】CTF之SQLMAP

拿这一题来说抓个包复制报文启动我们的sqlmap kali里边 sqlmap -r 文件路径 --dump --dbs 数据库 --tables 表...

编程日记 2023/12/19 16:31:22

【Qt之Quick模块】1. 概述及Quick应用程序创建流程

概述 Qt的Quick模块是用于创建现代化、动态和响应式用户界面的工具集。它是基于QML（Qt Meta-Object Language）和JavaScript的。 QML是一种声明性的语言，用于描述用户界面的结构和行为。它使用层叠样式表（CSS）的语法来…...

编程日记 2023/12/19 16:29:19

C语言-数组指针笔试题讲解(1)-干货满满！！！

文章目录 ▶️1.sizeof和strlen的对比💯➡️1.1 sizeof是什么？💯➡️1.2sizeof用法举例💯▶️1.3strlen是什么？💯▶️1.4 strlen函数用法举例：💯▶️1.5 strlen和sizeof的对比&#…...

编程日记 2023/12/19 16:27:15

springboot整合vue，将vue项目整合到springboot项目中

将vue项目打包后，与springboot项目整合。第一步，使用springboot中的thymeleaf模板引擎导入依赖 <dependency><groupId>org.springframework.boot</groupId><artifactId>spring-boot-starter-t…...

编程日记 2023/12/19 16:21:10

C++ 二叉搜索树(BST)的实现(非递归版本与递归版本)与应用

C 二叉搜索树的实现与应用一.二叉搜索树的特点二.我们要实现的大致框架三.Insert四.InOrder和Find1.InOrder2.Find 五.Erase六.Find,Insert,Erase的递归版本1.FindR2.InsertR3.EraseR 七.析构,拷贝构造,赋值运算符重载1.析构2.拷贝构造3.赋值运算重载八.Key模型完整代码九.二…...

编程日记 2023/12/19 16:20:09

分类预测 | Matlab实现AOA-SVM算术优化支持向量机的数据分类预测【23年新算法】

分类预测 | Matlab实现AOA-SVM算术优化支持向量机的数据分类预测【23年新算法】目录分类预测 | Matlab实现AOA-SVM算术优化支持向量机的数据分类预测【23年新算法】分类效果基本描述程序设计参考资料分类效果基本描述 1.Matlab实现AOA-SVM算术优化支持向量机的数据分类预测…...

编程日记 2023/12/19 16:16:05

代码随想录算法训练营第七天 | 454.四数相加II、383. 赎金信、15. 三数之和、18. 四数之和

454.四数相加II 题目链接：454.四数相加II 给你四个整数数组 nums1、nums2、nums3 和 nums4 ，数组长度都是 n ，请你计算有多少个元组 (i, j, k, l) 能满足： 0 < i, j, k, l < nnums1[i] nums2[j] nums3[k] nums4[l] 0…...

编程日记 2023/12/19 16:15:04

SpringBoot 3.2.0 版本 mysql 依赖下载错误

最近想尝试一下最新的 SpringBoot 项目，于是将自己的开源项目进行了一些升级。 JDK 版本从 JDK8 升级至 JDK17。SpringBoot 版本从 SpringBoot 2.7.3 升级到 SpringBoot 3.2.0 其中 JDK 的升级比较顺利，毕竟 JDK 的旧版本兼容性一直非常好。但是在升级…...

编程日记 2023/12/19 16:14:03

内网穿透的应用-如何结合Cpolar内网穿透工具实现在IDEA中远程访问家里或者公司的数据库

文章目录 1. 本地连接测试2. Windows安装Cpolar3. 配置Mysql公网地址4. IDEA远程连接Mysql小结 5. 固定连接公网地址6. 固定地址连接测试 IDEA作为Java开发最主力的工具，在开发过程中需要经常用到数据库，如Mysql数据库，但是在IDEA中只能连接本…...

编程日记 2023/12/19 16:13:02

ElasticSearch单机或集群未授权访问漏洞

漏洞处理方法： 1、可以使用系统防火墙来做限制只允许ES集群和Server节点的IP来访问漏洞节点的9200端口，其他的全部拒绝。 2、在ES节点上设置用户密码漏洞现象：直接访问9200端口不需要密码验证修复过程 2.1 生成认证文件必须要生成…...

编程日记 2023/12/19 16:12:01

【华为OD题库-097】最大岛屿体积-java

题目题目描述给你一个由大于0的数（陆地)和0(水)组成的的二维网格，请你计算网格中最大岛屿的体积。陆地的数表示所在岛屿的体积。岛屿总是被水包围，并且每座岛屿只能由水平方向和/或竖直方向上相邻的陆地连接形成。此外，你可以假…...

编程日记 2023/12/19 16:08:58

HTML中边框样式、内外边距、盒子模型尺寸计算（附代码图文示例）【详解】

Hi i,m JinXiang ⭐ 前言 ⭐ 本篇文章主要介绍HTML中边框样式、内外边距、盒子模型尺寸计算以及部分理论知识 🍉欢迎点赞 👍 收藏 ⭐留言评论 📝私信必回哟😁 🍉博主收将持续更新学习记录获，友友们有任何问…...

编程日记 2023/12/19 16:06:56

drf入门规范

一 Web应用模式在开发Web应用中，有两种应用模式： 1.1 前后端不分离 1.2 前后端分离二 API接口为了在团队内部形成共识、防止个人习惯差异引起的混乱，我们需要找到一种大家都觉得很好的接口实现规范，而且这种规范能够让后端写…...

编程日记 2023/12/19 16:05:55

【微服务】springboot整合minio详解

目录一、前言二、Minio 概述 2.1 Minio简介 2.1 Minio特点三、Minio 环境搭建 3.1 部署过程 3.1.1 拉取镜像 3.1.2 启动容器 3.1.3 访问web页面四、Minio基本使用 4.1 基本概念 4.2 上传文件演示 4.3 用户管理 4.4 Java操作Minio 4.4.1 导入依赖 4.4.2 上传…...

编程日记 2023/12/19 16:03:53

减速机振动相关标准 - 笔记

参考标准：国家标准|GB/T 39523-2020 减速机的振动标准与发动机不同，摘引： 原始加速度传感器波形可以明显看到调幅波它的驱动电机是300Hz~2000Hz范围的。这个采样时间是5秒，看分辨率至少1024线。可分出500条谱线。频谱部分 …...

编程日记 2023/12/19 16:01:52

【matlab】MATLAB 中的标量运算及实例

MATLAB 中的标量运算及实例引言在 MATLAB 中，标量是指只包含单个数值的变量或常量。尽管标量运算可能看似简单，但它在数值计算、数据处理和算法设计中扮演着重要的角色。本文将深入探讨 MATLAB 中的标量运算，介绍其基本操作和一些实例应用。 1. 标量运算的基本操作标…...

编程日记 2023/12/19 15:53:43

java简易制作-王者荣耀游戏

一.准备工作首先创建一个新的Java项目命名为“王者荣耀”，并在src下创建两个包分别命名为“com.sxt"、”com.stx.beast",在相应的包中创建所需的类。创建一个名为“img”的文件夹来储存所需的图片素材。二.代码呈现 package com.sxt; import javax…...

编程日记 2023/12/19 15:52:42

手撕分布式缓存---多节点的调取

经过上一个章节的学习，我们已经知晓了如何搭建了HTTP Server，通过HTTP协议与我们定义的路由，我们可以远程访问这个节点；基于这一点，我们可以部署多台实现了HTTP的缓存服务从而实现分布式的特性。这一章节我们要基于此背…...

编程日记 2023/12/19 15:51:41

C/C++编程中的算法实现技巧与案例分析

C/C编程语言因其高效、灵活和底层的特性，被广大开发者用于实现各种复杂算法。本文将通过10个具体的算法案例，详细探讨C/C在算法实现中的技巧和应用。一、冒泡排序（Bubble Sort） 冒泡排序（Bubble Sort）是一…...

编程日记 2023/12/19 15:49:39

PyCharm中如何快速取消pytest测试模式？5步搞定直接运行Python脚本

PyCharm中如何快速取消pytest测试模式？5步搞定直接运行Python脚本作为Python开发者，我们经常需要在PyCharm中切换不同的运行模式。有时候，你可能只是想快速运行一个Python脚本，却发现PyCharm固执地以pytest模式执行，…...

编程新知 2026/3/31 18:52:19

Goofys安全最佳实践：保护你的S3文件系统访问的终极指南

Goofys安全最佳实践：保护你的S3文件系统访问的终极指南【免费下载链接】goofys a high-performance, POSIX-ish Amazon S3 file system written in Go 项目地址: https://gitcode.com/gh_mirrors/go/goofys 在当今云原生时代，安全访问云存储变得…...

编程新知 2026/3/31 18:44:16

Claude Code能控制电脑了！开发全程不离终端，全无人值守模式启动

在官方演示中，只甩一个指令过去，AI就自己启动正在开发的应用，自己复现bug，自己修复，自己测试修复效果。 Claude Code上线Computer Use，直接捅破开发效率天花板。在官方演示中，只甩一个指令过…...

编程新知 2026/3/31 18:21:59

NaViL-9B参数详解教程：max_new_tokens与temperature协同调优

NaViL-9B参数详解教程：max_new_tokens与temperature协同调优 1. 认识NaViL-9B多模态大模型 NaViL-9B是上海人工智能实验室研发的原生多模态大语言模型，它不仅能处理纯文本问答，还能理解图片内容。这个模型特别适合需要同时处理文字和图像信…...

编程新知 2026/3/31 18:13:46

如何快速实现Tale博客系统国际化：多语言博客搭建完整指南

如何快速实现Tale博客系统国际化：多语言博客搭建完整指南【免费下载链接】tale 🦄 Best beautiful java blog, worth a try 项目地址: https://gitcode.com/gh_mirrors/ta/tale Tale博客系统是一款优雅的Java博客程序，提供了强大的内…...

编程新知 2026/3/31 17:37:27