SpringBoot实现图形验证码功能+访问频率设置+缓存

已于 2024-03-29 07:49:58 修改
阅读量1.7k 收藏 32
点赞数 15
文章标签： 缓存 spring boot redis 后端 java
于 2024-03-27 22:05:16 首次发布
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/shixuyong/article/details/137087616
版权

目录

1、springboot实现图形验证码生成

1.1、导入Maven依赖

1.2、写一个生成图片的工具类

1.3、编写接口生成验证码并存入Redis

2、实现图形验证码判断是否正确

2.1、编写验证图形验证码接口

2.2、前端代码

2.3、请求发送

3、实现访问频率限制

3.1、创建自定义注解

3.2、创建自定义aop切面类

 

背景：我们在做项目登录功能的时候，为了防止被恶意攻击，发送大量请求，我们通常有一些需要人工进行验证

例如：短信验证登录，以及图形验证码登录这两者加上访问频率限制，用这种方式做到防止大量请求进来，对后端造成拥堵以及阻塞

接下来上图演示一下这种没有验证的功能和加上了验证的功能

这是没有加上验证功能，如果是这样子的话，很容易被人发送大量请求，导致服务器瘫痪

573e1439851240069efe7b2226533529.png

接下来我们来看看这个加上验证以及频率访问看看有什么效果吧

e29f9935062b4801ba9538c3f9b92a91.png

我们发现可以通过访问频率以及加上图形验证码来做防止大量请求进入和攻击

接下来上教程

1、springboot实现图形验证码生成

1.1、导入Maven依赖

我们可以使用这个hutool工具类来提供图形验证码的生成

        <dependency>
            <groupId>cn.hutool</groupId>
            <artifactId>hutool-all</artifactId>
            <version>5.8.6</version>
        </dependency>

1.2、写一个生成图片的工具类

在这里的工具类，我们有一个图片的唯一IDkey和验证码以及图片的Base64值

我们将这三个数据以数组字符串的方式返回出去

package com.sxy.recordnetwork.common;


import cn.hutool.captcha.CaptchaUtil;
import cn.hutool.captcha.LineCaptcha;
import cn.hutool.core.util.RandomUtil;
import lombok.extern.slf4j.Slf4j;

import javax.imageio.ImageIO;
import java.io.ByteArrayOutputStream;
import java.util.Base64;

/**
 * 图形验证码生成工具类
 *
 * @author Administrator
 */
@Slf4j
public class ImgCodeUtil {
    /**
     * 画一个图片得到图片的唯一ID，和验证码，并且得到图片的base64
     *
     * @return
     */
    public String[] getImgIdCodeBase64() {
        try {
            // 生成一个宽度为80，高度为30的验证码图片
            LineCaptcha lineCaptcha = CaptchaUtil.createLineCaptcha(80, 30);
            // 生成唯一的验证码ID
            String captchaId = RandomUtil.randomString(6);
            ByteArrayOutputStream baos = new ByteArrayOutputStream();
            ImageIO.write(lineCaptcha.getImage(), "png", baos);
            // 变为base64返回出去
            String base64 = Base64.getEncoder().encodeToString(baos.toByteArray());
            return new String[]{captchaId, lineCaptcha.getCode(), base64};
        } catch (Exception e) {
            log.error(e.getMessage());
        }
        return null;
    }

}

1.3、编写接口生成验证码并存入Redis

下面这段代码中两个方法：

        一个生成图形验证码，

        一个验证图形验证码。

还有两段重要的代码，RedisTemplate和IMG_KEY：存储唯一key

这两个方法我们先看第一个 生成图形验证码，

请求为Get请求，请求参数是路径参数，并且标注了一个自定义注解，这个注解后面会说到

另外一个方法后面再看

key：图形验证码的唯一key

email：前端传递过来的email邮箱

参数待会儿说，先说具体实现

通过redis创建一个操作普通字符串的方法

然后判断前端传过来的唯一key去查询是否存在该key如果存在则删除

接着，通过调用创建的图片生成工具类得到String类型的数组，数组内容长度为3，分别是，key，code，以及图片转base64

然后将key和code存入到Redis中形成键值对

至于base64，我们只需要将，key和base64构造成一个json对象，返回给前端即可展示即可

 

下面说一下这两个参数的作用：key和email

也就是说这两个参数必须得通过前端传递过来的。

为了防止第一次进入这个方法体，绕过上面的if判断，因为一开始是没有验证码的，直接删除可能会导致程序报错。所以这里的判断是这个key必须是前端传过来的值，并且根据这个key查找redis中是否存在这条数据，如果存在，则就删除。

所以我们在前端第一次传过来一个随机的数字，因为是第一次，所以第一次并不会进入这个if，所以就很显然进入了下面的代码，下面的代码通过创建图片，返回数据就可以了。

而当我们第二次，进入这个方法的时候，由于第一次创建的图片生成的Key返回给了前端，所以前端会携带这个key来到这个方法，这个时候key不为空并且redis数据库中根据这个key找到了这个数据，也就证明这是第二次重新获取图片验证码，这个时候，程序就会根据用户传递过来的key将原有的数据删除，然后再重新生成新的验证码并且返回给前端。这样以此类推，第三次、第四次、第五次等，都会按照这个流程来走。

email的作用到下面的访问频率再细说

package com.sxy.recordnetwork.controller.pcUser;


// import ...

import java.util.concurrent.TimeUnit;

/**
 * 第三方短信验证以及其他相关操作
 */
@RequestMapping("/pcClientUser/code")
@RestController
@Slf4j
public class CodeController {

    @Autowired
    private RedisTemplate redisTemplate;
    // ImgCodeKey
    private static String  IMG_KEY = "";

    /**
     * 生成图形验证码存入redis
     * @param key
     * @return
     */
    @AccessLimit
    @GetMapping("/getImgBase64/{key}/{email}")
    public Result getImgBase64(@PathVariable String key,@PathVariable String email) {
        //TODO 当我前端连续发送多次请求时，会有一部分key拿不到，就无法删除上一个
        ValueOperations valueOperations = redisTemplate.opsForValue();
        // 重复发送验证码，如果key存在则删除，否则就成为第一次继续生成
        if(key != null && redisTemplate.hasKey(key)){
            redisTemplate.delete(key);
        }

        ImgCodeUtil imgCodeUtil = new ImgCodeUtil();
        String[] date = imgCodeUtil.getImgIdCodeBase64();
        // 将验证码存入到Redis中
        valueOperations.set(date[0], date[1]);
        // 构造json字符串，将唯一标识和base64数据存入返回给前端
        JSONObject entries = new JSONObject();
        entries.set("base64Image", "data:image/png;base64," + date[2]);
        entries.set("captchaKey", date[0]);
        // 返回给前端
        return Result.success("图形验证码获取成功", entries);
    }

    /**
     * 验证图形验证码，得到唯一标识和验证码
     * @param userDtoEmailLogin
     * @return
     */
    @PostMapping("/getEmailCode/")
    public Result getEmailCode(@RequestBody UserDtoEmailLogin userDtoEmailLogin) {
      // ......
    }
}

2、实现图形验证码判断是否正确

2.1、编写验证图形验证码接口

接下来我们看看第二个接口，

参数为一个DTO：我们创建一个DTO用于接收邮箱登录

参数列表中的emailCode先不管

package com.sxy.recordnetwork.DTO.USER;

import lombok.*;

/**
 * QQ邮箱验证登录的数据传输层
 */
@Data
@ToString
@AllArgsConstructor
@NoArgsConstructor
public class UserDtoEmailLogin {
    private String email; //  email
    private String imgCode; //  图形验证码
    private String key; // 图形验证码的唯一key
    private String emailCode; // email验证码
}

package com.sxy.recordnetwork.controller.pcUser;


// import ...

import java.util.concurrent.TimeUnit;

/**
 * 第三方短信验证以及其他相关操作
 */
@RequestMapping("/pcClientUser/code")
@RestController
@Slf4j
public class CodeController {

    @Autowired
    private RedisTemplate redisTemplate;
    // ImgCodeKey
    private static String  IMG_KEY = "";

    /**
     * 生成图形验证码存入redis
     * @param key
     * @return
     */
    @AccessLimit
    @GetMapping("/getImgBase64/{key}/{email}")
    public Result getImgBase64(@PathVariable String key,@PathVariable String email) {
       // ......
    }

    /**
     * 验证图形验证码，得到唯一标识和验证码
     * @param userDtoEmailLogin
     * @return
     */
    @PostMapping("/getEmailCode/")
    public Result getEmailCode(@RequestBody UserDtoEmailLogin userDtoEmailLogin) {
        ValueOperations valueOperations = redisTemplate.opsForValue();
        System.out.println(userDtoEmailLogin);
        // 得到唯一标识key
        IMG_KEY = userDtoEmailLogin.getKey();
        // 通过key查找值看是否与传递过来的code相等，
        if (!userDtoEmailLogin.getImgCode().equals(valueOperations.get(IMG_KEY))) {
            // 不相等抛出异常
            throw new EmailCodeException(Constants.EMAIL_IMG_CODE_ERROR.getValue());
        }
        // 先不删除，等登陆成功后再删除相等就成功并将数据清空
//        redisTemplate.delete(key);
        // 返回成功
        return Result.success();
    }
}

我们来看看这个方法，这个方法的参数是一个DTO，上面演示了这个DTO中的内容

我们可以通过前端的参数，传入固定的email，前端传递过来的唯一标识key（固定传入），图形验证码  

然后创建一个操作普通字符串的方法

同门通过对象点出这个唯一的key存入本方法中的常量IMG_KEY，用来做持久化后续操作，只有在真正登陆后才会清除这个唯一key。

通过传递过来的key在Redis中查询出对应的value，判断是否与用户传递过来的code验证码匹配，不匹配则抛出异常。

注意：这个异常我用的全局异常处理器，并且声明了自定义异常类，在我往期的文章中讲到。

并且我们验证成功过后先不用删除，我们等后面真正登录成功之后再删除

注意：注意：注意：我这里只是演示了这两个方法，我并没有登陆方法，这个后续可以自己写，我就不写了

package com.sxy.recordnetwork.controller.pcUser;


// import ...

import java.util.concurrent.TimeUnit;

/**
 * 第三方短信验证以及其他相关操作
 */
@RequestMapping("/pcClientUser/code")
@RestController
@Slf4j
public class CodeController {

    @Autowired
    private RedisTemplate redisTemplate;
    // ImgCodeKey
    private static String  IMG_KEY = "";

    /**
     * 生成图形验证码存入redis
     * @param key
     * @return
     */
    @AccessLimit
    @GetMapping("/getImgBase64/{key}/{email}")
    public Result getImgBase64(@PathVariable String key,@PathVariable String email) {
       // ......
    }

    /**
     * 验证图形验证码，得到唯一标识和验证码
     * @param userDtoEmailLogin
     * @return
     */
    @PostMapping("/getEmailCode/")
    public Result getEmailCode(@RequestBody UserDtoEmailLogin userDtoEmailLogin) {
        ValueOperations valueOperations = redisTemplate.opsForValue();
        System.out.println(userDtoEmailLogin);
        // 得到唯一标识key
        IMG_KEY = userDtoEmailLogin.getKey();
        // 通过key查找值看是否与传递过来的code相等，
        if (!userDtoEmailLogin.getImgCode().equals(valueOperations.get(IMG_KEY))) {
            // 不相等抛出异常
            throw new EmailCodeException(Constants.EMAIL_IMG_CODE_ERROR.getValue());
        }
        // 先不删除，等登陆成功后再删除相等就成功并将数据清空
//        redisTemplate.delete(key);
        // 返回成功
        return Result.success();
    }
}

2.2、前端代码

api接口： 前端代码就不讲解了

import request from '@/utils/request.js'

// 得到图形验证码的base64状态
export const getCaptchaService = (key,email) => {
  return request.get('/code/getImgBase64/' + key + '/' + email)
}

// 验证图形验证码是否输入正确
export const checkCaptchaService = (data) => {
  return request.post('/code/getEmailCode/', data, {
    headers: {
      'Content-Type': 'application/json'
    }
  })
}

2.3、请求发送

<script setup>
import { ref, nextTick, onMounted } from 'vue'
import { loginBg, QQ, QQEmail, WB, WeChat } from '@/utils/ImageUtils.js'
import router from '@/router/index.js'
import { checkCaptchaService, getCaptchaService } from '@/api/login.js'
const loading = ref(false)
const loginShow = ref(true)
// 各种登录的信息
// 邮箱登录信息
const EmailLoginInfo = ref({
  email: '', // 邮箱
  imgCode: '', // 图片验证码
  key: '', // 图片验证码的唯一key
  emailCode: '' // 邮箱验证码
})
const MoreLogin = ref([
  {
    index: 0,
    loginName: 'email',
    detail: 'qq邮箱登录',
    icon: QQEmail
  }
])

// 页面元素加载完成后执行
onMounted(() => {
  changeCaptcha()
})
// 关联表单登录
const otherForm = ref()
// 得到图形验证码base64的数据加载图片
const captchaBase64 = ref()
// 绑定邮箱输入框
const EmailValidate = ref()
// 邮箱是否合法
const emailIsValid = ref(false)
// 切换图形验证码
const changeCaptcha = async () => {
  // 必须验证邮箱的格式是否正确以及不能为空才能发送
  await EmailValidate.value.validate()
  // 加载效果
  loading.value = true
  emailIsValid.value = true
  const { data } = await getCaptchaService(
    EmailLoginInfo.value.key ? EmailLoginInfo.value.key : '1',EmailLoginInfo.value.email
  )
  loading.value = false
  // 设置图片
  captchaBase64.value = data.base64Image
  // 设置图片的唯一标识key
  EmailLoginInfo.value.key = data.captchaKey
}
// 邮箱验证码的发送
const sendEmailCode = async () => {
  //TODO 验证图形验证码是否正确以及邮箱是否正确
  await checkCaptchaService(EmailLoginInfo.value)
  //TODO 发送邮箱验证码
}
// 邮箱登录
const emailLogin = async (index) => {
  // 点击登录先校验规则
  await otherForm.value.validate()
  console.log(index)
  //TODO 发送请求进行邮箱登录
}
// 表单验证规则
const rules = ref({
  // 邮箱账号验证规则
  email: ref([
    { required: true, message: '请输入您的邮箱', trigger: 'blur' },
    {
      pattern: /^[a-zA-Z0-9_-]+@[a-zA-Z0-9_-]+(\.[a-zA-Z0-9_-]+)+$/,
      message: '邮箱格式不正确',
      trigger: 'blur'
    }
  ]),
  // 验证码验证规则
  code: ref([{ required: true, message: '验证码不能为空', trigger: 'blur' }]),
  // 图形验证码的规则
  ImgCode: ref([{ required: true, message: '验证码不能为空', trigger: 'blur' }])
})
</script>

<template>
  <el-row>
    <el-col class="bg" :span="24" :style="{ background: 'url(' + loginBg + ') no-repeat' }">
      <el-row justify="center">
        <el-col class="MoreLogin" :offset="7" :span="9">
          <el-row>
            <el-col v-if="loginShow" class="returnLogin" :span="24" @mouseenter="loginShow = false">
              <span style="font-size: 16px">第三方登录</span>
            </el-col>
            <!-- 返回用户登录 -->
            <el-col
              v-else
              class="returnLogin"
              :span="24"
              @mouseleave="loginShow = true"
              @click="$router.replace('/record/login')"
            >
              <span style="font-size: 16px">返回用户登录</span>
            </el-col>
          </el-row>
          <!--          qq邮箱登录-->
          <el-row justify="center" v-if="activeLoginIndex === '0'">
            <el-col :span="18">
              <el-form
                label-width="110px"
                label-position="right"
                :rules="rules"
                ref="otherForm"
                status-icon
                :model="EmailLoginInfo"
              >
                <el-form-item label="QQ邮箱：" ref="EmailValidate" prop="email">
                  <el-input
                    v-model="EmailLoginInfo.email"
                    placeholder="请输入您的qq邮箱"
                  ></el-input>
                </el-form-item>
                <el-form-item label="图形验证码：" prop="ImgCode">
                  <el-input v-model="EmailLoginInfo.imgCode" placeholder="请输入图形验证码">
                    <template #append >
                      <div @click="changeCaptcha" v-loading='loading'>
                        <span v-if="emailIsValid">
                          <img
                            width="80"
                            height="30"
                            alt=""
                            v-if="captchaBase64"
                            :src="captchaBase64"
                          />
                        </span>
                        <span v-else>获取图形码</span>
                      </div>
                    </template>
                  </el-input>
                </el-form-item>
                <el-form-item label="邮箱验证码：" prop="code">
                  <el-input v-model="EmailLoginInfo.emailCode" placeholder="请输入您的六位验证码">
                    <template #append>
                      <span @click="sendEmailCode">发送验证码</span>
                    </template>
                  </el-input>
                </el-form-item>
                <el-form-item>
                  <el-button
                    style="width: 100%"
                    type="primary"
                    @click="emailLogin(activeLoginIndex)"
                    >登录
                  </el-button>
                </el-form-item>
              </el-form>
            </el-col>
          </el-row>
        </el-col>
      </el-row>
    </el-col>
  </el-row>
</template>

3、实现访问频率限制

3.1、创建自定义注解

这里有两个默认值，一个为允许访问的次数为5次，一个是在默认的60秒时间范围内访问的次数。也就是设置在Redis中数据的TTL（存活时间）

package com.sxy.recordnetwork.annotation;

import java.lang.annotation.ElementType;
import java.lang.annotation.Retention;
import java.lang.annotation.RetentionPolicy;
import java.lang.annotation.Target;

/**
 * 设置访问次数限制的注解
 */
@Target(ElementType.METHOD)
@Retention(RetentionPolicy.RUNTIME)
public @interface AccessLimit {
    int count() default 5; // 允许被访问的次数
    int seconds() default 60; // 时间范围，秒为单位，表示在60秒内访问的次数

}

3.2、创建自定义aop切面类

好，到了这里，我们上面第一个方法中的参数列表是如下以及注解

12b9c0e0eb324823a1960acc75560e99.png

这个email有什么用呢，以及这个切面的自定义注解

我们先来说一下这个自定义切面的实现逻辑

给这个类标注上aop切面类和Component注解，交给spring管理

添加一个名为AccessLimitBefore这个方法

参数列表为：

        JoinPoint：用于获取指定方法上的参数

        AccessLimit：用于获取注解内的参数

在这个方法中添加了一个注解：@Before("@annotation(accessLimit)")

表示：添加一个前置通知（@Before）在方法执行之前执行，切入点是：满足了添加AccessLimit注解的方法进行拦截。

在方法内部创建了一个操作普通字符串的redis方法

获取一下自定义注解AccessLimit的属性 times(访问次数)、sencods(TTL过期时间)

使用参数列表中的第一个参数获取方法上的参数为一个Object类型，因为不知道是什么类型嘛，所以就设置为Object类型。

因为我们这里的方法参数列表有两个参数，一个key，一个email，这里的email就有用了 由于是两个参数，所以整体的参数列表就是0,1我们需要获取到email作为指定用户的key，防止多个用户同时操作且会覆盖，所以就需要用到email

然后我们判断是否为空，防止空指针报错

接着这里的key在参数列表中的第0个位置，而email在数组的1位置，所以判断必须要通过获取的列表的参数，拿到email，强制转换为Stiring。

将key设置为：user_ + email

接着直接从Redis获取用户的访问次数

如果次数为空，则将次数设置为0

如果超出了访问次数times，则抛出异常，这里也是一样用到了常量类 + 全局异常处理器

注意：这个times表示的不是时间，而是默认的访问次数频率5，也就是自定义注解中的times属性

如果没有超出次数，则先获取上一次的TTL时间，重新设置一下时长，并且访问次数 + 1

package com.sxy.recordnetwork.aspect;

// ......

import java.time.Duration;
import java.util.concurrent.TimeUnit;

/**
 * 设置访问次数限制的AOP切面
 */
@Aspect
@Component
@Slf4j
public class AccessLimitAspect {

    @Autowired // redis
    private RedisTemplate redisTemplate;

    // 添加一个前置通知，在方法执行之前执行 切入点为满足添加了这个AccessLimit注解的方法
    @Before("@annotation(accessLimit)")
    public void AccessLimitBefore(JoinPoint joinPoint, AccessLimit accessLimit){
        // 设置一下redis的访问
        ValueOperations valueOperations = redisTemplate.opsForValue();
        // 获取注解属性
        int times = accessLimit.count(); //  访问次数
        int seconds = accessLimit.seconds(); // 在一定时间内
        // 获取方法上的参数
        Object[] args = joinPoint.getArgs();
        // 判断是否为空
        if (args == null || args.length == 0){
            return;
        }
        // 获取当前用户的邮箱号，来判断改用户是否已经访问过  参数为实体类的第二个参数
        String email = (String) args[1];
        // 设置key
        String key = "user_" + email;
        // 从Redis获取用户的访问次数
        Integer count = (Integer)valueOperations.get(key);
        System.out.println(count);
        if(count == null){
            count = 0;
        }
        // 如果超出了允许的访问次数，则抛出异常
        if(count >= times){
            throw  new EmailCodeException(Constants.FREQUENT_VISITS.getValue());
        }
        // 获取到redis中指定key的过期时间
        Long expire = redisTemplate.getExpire(key);
        // 判断TTL如果大于零表示存在，则设置过期时间为获取上一次的
        if(expire > 0){
            valueOperations.set(key,count + 1,expire,TimeUnit.SECONDS);
        }else{
            // 更新Redis中的计数器 单位为秒
            valueOperations.set(key,count + 1,seconds,TimeUnit.SECONDS);
        }

    }


}

总结：以上这种方式，可以方法攻击者，伪造大量请求进行攻击，导致服务器瘫痪。

使用了自定义注解和AOP切面，以及使用图形验证码生成的工具类，加上Redis做数据缓存，设置频率访问

 

树若逝花若殇
关注
  • 15
    点赞
  • 踩
  • 32
    收藏
    觉得还不错? 一键收藏
  • 打赏
    打赏
  • 10
    评论
vue+springboot+redis+kaptcha实现登录验证码
04-10
本教程将介绍如何结合Vue.js前端框架、Spring Boot后端框架、Redis缓存服务以及Kaptcha验证码技术，实现一个前后端分离的登录页面验证码功能。这个组合可以提供高效、安全且用户友好的验证机制。 首先，Vue.js是一...
SpringBoot+Shiro+JWT+Jedis+MybatisPlus+前后端分离+基于url通用权限管理系统
01-25
总的来说，这个系统通过SpringBoot构建基础框架，利用Shiro进行权限控制，结合JWT实现无状态认证，借助Jedis提升性能，运用MybatisPlus简化数据库操作，实现了基于URL的权限管理。这种设计不仅提高了系统的安全性，...
spring boot 生成图片验证码
qq_41860765的博客
03-10 663
在认证时一般都需要输入验证码，验证码有什么用？ 验证码可以防止恶性攻击，比如：XSS跨站脚本攻击、CSRF跨站请求伪造攻击，一些比较复杂的图形验证码可以有效的防止恶性攻击。 为了保护系统的安全在一些比较重要的操作都需要验证码。 在pom文件中加入依赖 <dependency> <groupId>com.github.penggle</groupId> <artifactId>kaptcha</artifac
SpringBoot结合SpringSecurity实现图形验证码功能
08-27
主要介绍了SpringBoot + SpringSecurity 实现图形验证码功能，小编觉得挺不错的，现在分享给大家，也给大家做个参考。一起跟随小编过来看看吧
案例 采用Springboot默认的缓存方案Simple在三层架构中完成一个手机验证码生成校验的程序
最新发布
雨花石的博客
06-16 1392
Cacheable是 Spring Framework 提供的一个注解，用于在方法执行前先检查缓存，如果缓存中已存在对应的值，则直接返回缓存中的值，而不执行该方法体。如果缓存中不存在对应的值，则执行方法体，并将方法的返回值存入缓存供下次使用。在 Spring Boot 中，@Cacheable注解通常与缓存管理器一起使用，可以轻松地在方法级别上实现缓存功能，避免不必要的重复计算或查询数据库操作，从而提高应用程序的性能和响应速度。
SpringBoot实现图形验证码验证
m0_73179389的博客
04-13 662
SpringBoot中实现图形验证码验证
SpringBoot实现图形验证码
不愧是暮言的博客
05-11 3320
在Web应用程序中，为了保护用户信息的安全性，验证码已经成为了一个非常普遍的安全措施，而Hutool-captcha是一款非常优秀的开源图形验证码工具，简单易用，提供了丰富的特性，可以帮助我们快速实现验证码功能。本文将介绍如何使用Spring Boot整合Mybatis-Plus和Hutool-captcha实现验证码功能，并将其提供给Vue前端进行登录验证。
SpringBoot生成图形验证码
Muscleheng的博客
12-09 3265
需求：验证码一码一用，验证之后，不管是成功还是失败，都需要重新获取或者刷新二维码。大致思路：后端生成验证码后还需要生成一个UUID与之对应，存储到缓存（记得添加过期时间），把UUID和验证码反给前端，登录时后端使用前端传过来的UUID去缓存获取验证码，然后和前端传过来的验证码对比（一般忽略大小写）。
Springboot 实现Kaptcha 验证码
weixin_30776863的博客
07-29 114
一、jar包导入 <!-- https://mvnrepository.com/artifact/com.github.penggle/kaptcha --> <!--谷歌验证码--> <dependency> <groupId>com.github...
社区系统源码：基于 SpringBoot + MyBatis + MySQL + Redis + Kafka
05-08
Java社区系统源码并提供详细的开发文档和配套教程，包含帖子、评论、私信、系统通知、点赞、关注、搜索、用户设置、数据统计等模块。 核心技术栈 后端： Spring Spring Boot 2.1.5 RELEASE Spring MVC ORM：MyBatis ...
SpringBoot2.7整合SpringSecurity+Jwt+Redis+MySQL+MyBatis完整项目代码
10-30
在本项目中，我们主要关注的是SpringBoot 2.7版本与多个技术的深度整合，包括Spring Security、JWT（JSON Web Token）、Redis缓存以及MySQL数据库，并利用MyBatis作为持久层框架。以下是对这些技术及其整合应用的...
SpringBoot整合Kaptcha（图形验证码）
08-18
基于 Spring Boot 整合 Kaptcha 实现的图形验证码 Demo，本 Demo 没有涉及到任何数据库的操作，非常适合初学者学习参考，也可以参考我的博客。
基于Springboot+Mybatis+ SpringMvc+springsecrity+Redis完整网站后台管理系统
01-11
在这个项目中，Redis可能用于缓存频繁访问的数据，提高系统响应速度，或者作为消息队列，实现异步处理，提升系统性能。此外，Spring Boot提供了对Redis的便捷支持，可以方便地进行集成。 综合这些技术，该后台管理...
SpringBoot项目实现验证码
qq_58098264的博客
07-16 764
在application.properties中配置验证码的存储路径，即。
Spring boot 实现验证码
2301_82241859的博客
04-18 1338
request.setAttribute(“error”, “验证码已失效，请重新输入”);// 设置线条的颜色。
SpringBoot——图形验证码
ZHANGDANDAN04的博客
04-13 472
一、
springboot实现图形验证码
liang博客
11-20 2209
1.导入maven <!-- kaptcha验证码 --> <dependency> <groupId>com.github.penggle</groupId> <artifactId>kaptcha</artifactId> <version>2.3.2</version> </dependency> 2.编写配置文件 @Controller public clas
Spring Boot实现验证码功能
梦想也许遥不可及，但重要的是追梦的过程，用博客记录自己的成长，记录自己一步一步向上攀登的印记
08-09 4825
Spring Boot实现验证码功能
springboot生成图片验证码（借鉴并分析）
吉屋安的博客
02-29 1602
这段代码是一个基于Spring框架的验证码配置类，主要用于配置验证码生成器的属性和参数。注解标识这是一个配置类，用于定义 Spring Bean。类定义了一个名为的方法，该方法使用@Bean注解，表示它会被Spring容器管理，并作为一个Bean提供。在方法中，创建了类的实例，这是一个基于Google Kaptcha库的验证码生成器。通过Properties对象配置验证码生成器的各种属性。创建一个Config对象，并将之前配置的Properties对象传递给它，用于构建验证码生成器的配置。将配置好的。
springboot+redis+mysql+uniapp实现点赞和评论功能
07-14
实现点赞和评论功能可以使用Spring Boot作为后端框架，Redis作为缓存数据库，MySQL作为持久化数据库，UniApp作为前端框架。以下是一个简单的实现步骤： 1. 创建Spring Boot项目并配置MySQL和Redis的连接。 2. 创建...
评论 10
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

树若逝花若殇

你的鼓励将是我创作的最大动力

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付：¥1
获取中
扫码支付

您的余额不足，请更换扫码支付或充值

打赏作者

实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

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

余额充值