目录

简介

实现步骤

1. 在 pom.xml 配置文件中，添加如下配置；由于国内限制了谷歌网络的访问，推荐使用下面的依赖下载

2. 在系统公共配置类中添加如下代码；当然关于 Kaptcha 的配置也可以添加到 application.properties 配置文件中

3. 在 KaptchController.class 中添加提供验证码生成的方法

4. 前端页面直接使用 img 标签引用即可

补充：Kaptcha 更多配置

简介

在开发中，验证码功能是一个常见且重要的功能，Kaptcha 是大名鼎鼎的谷歌公司提供的一款用于生成验证码的插件，支持高度可配置；本章将通过一个简单的示例展示如何实现验证码功能

实现步骤

1. 在 pom.xml 配置文件中，添加如下配置；由于国内限制了谷歌网络的访问，推荐使用下面的依赖下载

com.github.pengglekaptcha2.3.2

2. 在系统公共配置类中添加如下代码；当然关于 Kaptcha 的配置也可以添加到 application.properties 配置文件中

@Configuration
public class AppConfigure implements WebMvcConfigurer {/*** 验证码配置*/@Beanpublic DefaultKaptcha kaptcha() {DefaultKaptcha kaptcha = new DefaultKaptcha();Properties properties = new Properties();properties.put("kaptcha.border", "yes");properties.put("kaptcha.image.width", "100");properties.put("kaptcha.image.height", "33");properties.put("kaptcha.session.key", "code");properties.put("kaptcha.border.color", "105,179,90");properties.put("kaptcha.textproducer.font.size", "30");properties.put("kaptcha.textproducer.char.length", "4");properties.put("kaptcha.textproducer.font.color", "blue");properties.put("kaptcha.textproducer.font.names", "宋体,楷体,微软雅黑");kaptcha.setConfig(new Config(properties));return kaptcha;}
}

3. 在 KaptchController.class 中添加提供验证码生成的方法

@Controller
@RequestMapping("/kaptcha")
@Slf4j
public class KaptchaController {@Resourceprivate DefaultKaptcha kaptcha;/*** 申请验证码*/@GetMapping("/kaptcha")public void getKaptcha(HttpServletRequest request, HttpServletResponse response) {response.setDateHeader("Expires", 0);response.setHeader("Cache-Control", "no-store, no-cache, must-revalidate");response.addHeader("Cache-Control", "post-check=0, pre-check=0");response.setHeader("Pragma", "no-cache");response.setContentType("image/jpeg");HttpSession session = request.getSession();ServletOutputStream outputStream = null;try {//生成验证码String kaptchaText = kaptcha.createText();// 将验证码保存 5 分钟CommonUtils.setSession(session, Properties.KAPTCHA.desc(), kaptchaText, Properties.EXPIRETIME_KAPTCHA.value());log.info("captcha code: " + kaptchaText);//向客户端输出BufferedImage bufferedImage = kaptcha.createImage(kaptchaText);outputStream = response.getOutputStream();ImageIO.write(bufferedImage, "jpg", outputStream);outputStream.flush();} catch (IOException e) {throw new BusinessException(ErrorCode.CLOSE_IO_EXCEPTION);} finally {CommonUtils.closeio(outputStream);}}......
}

4. 前端页面直接使用 img 标签引用即可

补充：Kaptcha 更多配置