添加依赖

<dependency>
    <groupId>com.github.whvcse</groupId>
    <artifactId>easy-captcha</artifactId>
    <version>1.6.2</version>
</dependency>

开源源码地址

github地址：

EasyCaptcha

使用方式

//http://localhost:2020/test/captcha
@RequestMapping("/captcha")
public void captcha(HttpServletRequest request, HttpServletResponse response) throws Exception {
    // 设置请求头为输出图片类型
    response.setContentType("image/gif");
    response.setHeader("Pragma", "No-cache");
    response.setHeader("Cache-Control", "no-cache");
    response.setDateHeader("Expires", 0);

    // 三个参数分别为宽、高、位数
    SpecCaptcha specCaptcha = new SpecCaptcha(130, 48, 5);
    // 设置字体
    // specCaptcha.setFont(new Font("Verdana", Font.PLAIN, 32));  // 有默认字体，可以不用设置
    specCaptcha.setFont(Captcha.FONT_1);
    // 设置类型，纯数字、纯字母、字母数字混合
    //specCaptcha.setCharType(Captcha.TYPE_ONLY_NUMBER);
    specCaptcha.setCharType(Captcha.TYPE_DEFAULT);

    String content = specCaptcha.text().toLowerCase();
    log.info("captcha content == > " + content);
    // 验证码存入session
    request.getSession().setAttribute("captcha", content);

    // 输出图片流
    specCaptcha.out(response.getOutputStream());
}

相关说明

图灵验证码的使用

1. 前端请求图灵验证码
2. 后台生成图灵验证码，并且保存到session里。

==========================================

1. 用户提交注册信息（携带了用户所输入的图灵验证码内容）
2. 从session中拿出存储的验证码内容跟用户提交的验证码内容进行比较
3. 返回结果

session：会话，可以在属性中存储简单的数据

前后端分离：

1. 前端生成随机数以参数的形式添加到请求图灵验证码的url上
2. 后台生成图灵验证码，返回结果，并且保存到redis里 key-value，并且设置有效期为10分钟

===============================================

1. 用户提交注册信息（携带了用户所输入的图灵验证码内容+key）
2. 根据key从redis里拿出生成的验证码内容，与用户输入提交上来的进行对比
3. 如果正确，删除redis里的记录。进行注册/do sth. 如果不正确，返回结果给前端