【SpringBoot】实现引入登录时的验证码功能

原创

已于 2022-08-05 23:48:46 修改 · 1.5k 阅读

16 ·

CC 4.0 BY-SA版权

文章标签：

#spring boot #java #spring

于 2022-08-05 23:41:36 首次发布

本文介绍了如何在SpringBoot项目中利用easy-captcha工具包生成及验证字母数字混合的验证码。首先，通过添加maven依赖引入easy-captcha。接着，展示后端生成验证码并存储到session，以及前端展示验证码的代码。最后，讲解了在表单提交时验证验证码的方法，解决了大小写匹配问题。通过这个教程，读者可以快速在自己的SpringBoot应用中实现验证码功能。

一、前言

今天在实现登录功能时，突然想到大部分网站都会设置的一个验证码功能，引入可以用于拦截机器非法攻击等情况，于是我立即就去查阅相关资料，最后决定使用easy-captcha工具包提供的验证码来实现验证码验证功能。

easy-captcha是一款国人开发的验证码工具，支持GIF、中文、算术等类型，可用于Java Web等项目，生成的验证码形式如下图所示。
在这里插入图片描述

由于我没有太高的要求，就挑了最简单的字母+数字的普通类型验证码来实现。在一番捣鼓后，解决了一些小问题，算是很简单地就实现了，下面我就简单讲一下实现步骤。

二、实现

（一）添加easy-captcha依赖

添加该依赖的方式有多种，推荐去maven依赖库官网搜索easy-captcha，以添加maven依赖的形式添加。据2022/8/5，也就是我写到这里的目前为止，我只看见了一个版本，大家也可以直接复制下面的代码去pom.xml文件里，黏贴后同时点击ctrl+shift+o进行添加。

        <!-- 验证码 -->
        <dependency>
            <groupId>com.github.whvcse</groupId>
            <artifactId>easy-captcha</artifactId>
            <version>1.6.2</version>
        </dependency>

（二）后端控制层生成验证码图并储存验证码，前端视图层进行请求获取

后端控制层代码如下：

package com.example.malldemo.controller.common;

import com.wf.captcha.SpecCaptcha;
import com.wf.captcha.base.Captcha;
import org.springframework.stereotype.