怎么新增一个方法实现验证码点击可以更换

为了实现验证码点击可以更换的功能，你需要在现有的 `CaptchaFilter` 类中新增一个方法，并相应地处理前端请求。具体步骤如下：

1. **增加前端按钮**：首先，在前端页面上增加一个“换一换”或类似功能的按钮，用于触发验证码更换的请求。

2. **后端处理请求**：
- 新增一个处理请求的接口，例如 `/captcha/renew`。
- 在该接口中生成新的验证码并返回给前端。

3. **更新 `CaptchaFilter` 类**：
- 增加一个新的控制器方法来处理验证码更换的请求。
- 生成新的验证码并存储到 Redis 中。

以下是示例代码：

### 前端按钮（HTML/JavaScript）

<button id="renewCaptcha">换一换</button>
<script>
document.getElementById('renewCaptcha').addEventListener('click', function() {
    fetch('/captcha/renew', { method: 'GET' })
        .then(response => response.json())
        .then(data => {
            document.getElementById('captchaImage').src = data.captchaUrl;
            document.getElementById('captchaKey').value = data.key;
        });
});
</script>

### 后端代码（Java）

#### 修改 `CaptchaFilter` 或新增一个控制器类

假设你在 `CaptchaController` 中新增一个方法：

import com.wanli.config.Const;
import com.wanli.util.RedisUtil;
import com.wanli.security.CaptchaGenerator;
import lombok.extern.slf4j.Slf4j;
import org.springframework.beans.factory.annotation.Autowired;
import org.springframework.web.bind.annotation.GetMapping;
import org.springframework.web.bind.annotation.RequestMapping;
import org.springframework.web.bind.annotation.RestController;

import java.util.HashMap;
import java.util.Map;

@Slf4j
@RestController
@RequestMapping("/captcha")
public class CaptchaController {

    @Autowired
    private RedisUtil redisUtil;

    @Autowired
    private CaptchaGenerator captchaGenerator;

    @GetMapping("/renew")
    public Map<String, Object> renewCaptcha() {
        String key = "CAPTCHA_" + System.currentTimeMillis();
        String captcha = captchaGenerator.generateCaptcha();
        
        // 存储验证码到Redis，设置过期时间（例如5分钟）
        redisUtil.hset(Const.CAPTCHA, key, captcha);
        redisUtil.expire(Const.CAPTCHA, 300);

        Map<String, Object> response = new HashMap<>();
        response.put("captchaUrl", "/captcha/image?key=" + key);
        response.put("key", key);
        return response;
    }
}

### 生成验证码的工具类（`CaptchaGenerator`）

确保你有一个生成验证码的工具类：

import com.google.code.kaptcha.Producer;
import lombok.RequiredArgsConstructor;
import org.springframework.beans.factory.annotation.Autowired;
import org.springframework.stereotype.Component;

import java.awt.image.BufferedImage;

@Component
@RequiredArgsConstructor(onConstructor_=@Autowired)
public class CaptchaGenerator {

    private final Producer captchaProducer;

    public String generateCaptcha() {
        return captchaProducer.createText();
    }

    public BufferedImage generateCaptchaImage(String captcha) {
        return captchaProducer.createImage(captcha);
    }
}

### 总结

通过以上步骤，你可以在用户点击“换一换”按钮时生成新的验证码，并将其返回给前端显示。这涉及前后端的配合，以及后端对 Redis 的操作以存储和管理验证码。