jeecgboot3.7.2验证码

### JeecgBoot 3.7.2 验证码实现方案 在JeecgBoot 3.7.2版本中，验证码功能主要用于增强系统的安全性，防止恶意登录尝试和其他自动化攻击。为了实现这一目标，系统采用了多种技术手段来生成和验证图形验证码。 #### 图形验证码的配置与集成 图形验证码通常通过`application-dev.yml`文件中的相应设置进行配置[^1]： ```yaml captcha: enabled: true type: math # 可选值：'math', 'char' width: 100 height: 40 length: 4 ``` 上述配置项定义了验证码是否启用(`enabled`)、验证码类型(`type`, 数学计算或字符组合)以及图像尺寸和长度等参数。 #### 后台逻辑处理 验证码的具体生成功能位于`jeecg-boot-module-system`模块下的控制器类中。以下是简化后的代码片段展示如何创建并返回一个Base64编码的图片给前端： ```java @GetMapping("/captchaImage") @ResponseBody public AjaxResult getCode() { String uuid = IdUtils.simpleUUID(); String verifyKey = Constants.CAPTCHA_CODE_KEY + uuid; // 创建验证码对象,指定高宽大小 Captcha captcha = new GifCaptcha(130, 48); // 将uuid放入session域中 redisTemplate.opsForValue().set(verifyKey, captcha.text(), 5, TimeUnit.MINUTES); try (ByteArrayOutputStream outputStream = new ByteArrayOutputStream()) { captcha.out(outputStream); byte[] bytes = Base64.encodeBase64(outputStream.toByteArray()); return AjaxResult.success(captcha.toBase64()); } catch (IOException e) { log.error(e.getMessage(), e); throw new RuntimeException("获取验证码异常"); } } ``` 这段代码展示了服务器端是如何生成一个新的验证码实例，并将其转换成适合HTTP响应的数据格式发送到客户端浏览器上显示出来[^2]。 #### 客户端交互设计 对于前端部分，在用户提交表单之前需要先请求一次接口获得最新的一次性使用的唯一标识符(UUID), 并利用该ID去加载对应的验证码图片资源；当用户输入完毕准备点击“确认”按钮时，则会再次调用API携带这个UUID连同用户的答案一起传递回后端做校验操作。 ```javascript async function getCaptcha() { const response = await fetch('/api/captchaImage'); const data = await response.json(); document.getElementById('captchaImg').src = `data:image/gif;base64,${data}`; } function submitForm(event){ event.preventDefault(); let formData = new FormData(document.forms['login']); axios.post('/api/login', formData).then(response => { /* handle success */ }) .catch(error => console.log(error)); } ``` 以上就是关于JeecgBoot 3.7.2版本下验证码机制的一个基本介绍及其具体实施方式[^3]。