import cn.hutool.captcha.CaptchaUtil;
import cn.hutool.captcha.LineCaptcha;
import cn.hutool.core.lang.Console;

public class DemoController {
    public static void main(String[] args) {
        //定義圖形驗(yàn)證碼的長(zhǎng)和寬
        LineCaptcha lineCaptcha = CaptchaUtil.createLineCaptcha(200, 100);


        //圖形驗(yàn)證碼寫(xiě)出，可以寫(xiě)出到文件，也可以寫(xiě)出到流
        lineCaptcha.write("d:/line.png");
        //輸出code
        Console.log(lineCaptcha.getCode());
        //驗(yàn)證圖形驗(yàn)證碼的有效性，返回boolean值
        lineCaptcha.verify("1234");

        //重新生成驗(yàn)證碼
        lineCaptcha.createCode();
        lineCaptcha.write("d:/line.png");
        //新的驗(yàn)證碼
        Console.log(lineCaptcha.getCode());
        //驗(yàn)證圖形驗(yàn)證碼的有效性，返回boolean值
        lineCaptcha.verify("1234");
    }
}

import cn.hutool.captcha.CaptchaUtil;
import cn.hutool.captcha.CircleCaptcha;
import cn.hutool.core.lang.Console;
import org.springframework.web.bind.annotation.RestController;

@RestController
public class CircleController {
    public static void main(String[] args) {
        //定義圖形驗(yàn)證碼的長(zhǎng)、寬、驗(yàn)證碼字符數(shù)、干擾元素個(gè)數(shù)
        CircleCaptcha captcha = CaptchaUtil.createCircleCaptcha(200, 100, 4, 20);
        //CircleCaptcha captcha = new CircleCaptcha(200, 100, 4, 20);
        //圖形驗(yàn)證碼寫(xiě)出，可以寫(xiě)出到文件，也可以寫(xiě)出到流
        captcha.write("d:/circle.png");
        Console.log(captcha.getCode());
        //驗(yàn)證圖形驗(yàn)證碼的有效性，返回boolean值
        captcha.verify("1234");
    }
}

import cn.hutool.captcha.CaptchaUtil;
import cn.hutool.captcha.ShearCaptcha;
import cn.hutool.core.lang.Console;

public class ShearController {
    public static void main(String[] args) {
        //定義圖形驗(yàn)證碼的長(zhǎng)、寬、驗(yàn)證碼字符數(shù)、干擾線寬度
        ShearCaptcha captcha = CaptchaUtil.createShearCaptcha(200, 100, 4, 4);
        //ShearCaptcha captcha = new ShearCaptcha(200, 100, 4, 4);
        //圖形驗(yàn)證碼寫(xiě)出，可以寫(xiě)出到文件，也可以寫(xiě)出到流
        captcha.write("d:/shear.png");
        Console.log(captcha.getCode());
        //驗(yàn)證圖形驗(yàn)證碼的有效性，返回boolean值
        captcha.verify("1234");
    }
}

import lombok.Data;
import org.springframework.boot.context.properties.ConfigurationProperties;
import org.springframework.stereotype.Component;

@Component
@ConfigurationProperties(prefix = "captcha")
@Data
public class CaptchaProperties {
    private Integer width;
    private Integer height;
    private Session session;

    @Data
    public static class Session{
        private String key;
        private String date;
    }

}

import cn.hutool.captcha.CaptchaUtil;
import cn.hutool.captcha.LineCaptcha;
import cn.hutool.core.lang.Console;
import com.wmh.captcha.model.CaptchaProperties;
import jakarta.servlet.http.HttpServletRequest;
import jakarta.servlet.http.HttpServletResponse;
import jakarta.servlet.http.HttpSession;
import org.springframework.beans.factory.annotation.Autowired;
import org.springframework.beans.factory.annotation.Value;
import org.springframework.util.StringUtils;
import org.springframework.web.bind.annotation.RequestMapping;
import org.springframework.web.bind.annotation.RestController;

import java.io.IOException;
import java.util.Date;

@RequestMapping("/captcha")
@RestController
public class DCaptchaController {
    private final static long session_valid_timeout = 60 * 1000;

    @Autowired
    private CaptchaProperties captchaProperties;



    @RequestMapping("/get")
    public void getCaptcha(HttpSession session, HttpServletResponse response){
        LineCaptcha lineCaptcha = CaptchaUtil.createLineCaptcha(captchaProperties.getWidth(), captchaProperties.getHeight());
        //設(shè)置返回類型
        response.setContentType("image/jpeg");
        //禁止緩存
        response.setHeader("Progma", "No-cache");
        Console.log(lineCaptcha.getCode());
        //圖形驗(yàn)證碼寫(xiě)出，可以寫(xiě)出到文件，也可以寫(xiě)出到流
        try {
            lineCaptcha.write(response.getOutputStream());
            //存儲(chǔ)session
            session.setAttribute(captchaProperties.getSession().getKey(),lineCaptcha.getCode());
            session.setAttribute(captchaProperties.getSession().getDate(), new Date());
            response.getOutputStream().close();
        } catch (IOException e) {
            throw new RuntimeException(e);
        }
    }

    @RequestMapping("/check")
    public Boolean check(String inputCode, HttpSession session){

        //驗(yàn)證碼生成的內(nèi)容, 和用戶輸入的進(jìn)行比較
        if (!StringUtils.hasLength(inputCode)){
            return false;
        }
        //從session獲取信息
        String savedCode = (String) session.getAttribute(captchaProperties.getSession().getKey());
        Date saveDate = (Date) session.getAttribute(captchaProperties.getSession().getDate());
        if (inputCode.equalsIgnoreCase(savedCode)){
            //判斷驗(yàn)證碼是否過(guò)期
            if (saveDate!=null && System.currentTimeMillis()-saveDate.getTime() < session_valid_timeout){
                return true;
            }
        }

        return false;
    }

}

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="utf-8">
    <title>驗(yàn)證碼</title>
    <style>
        #inputCaptcha {
            height: 30px;
            vertical-align: middle;
        }
        #verificationCodeImg{
            vertical-align: middle;
        }
        #checkCaptcha{
            height: 40px;
            width: 100px;
        }
    </style>
</head>
<body>
<h1>輸入驗(yàn)證碼</h1>
<div id="confirm">
    <input type="text" name="inputCaptcha" id="inputCaptcha">
    <img id="verificationCodeImg" src="/captcha/get" style="cursor: pointer;" title="看不清？換一張" />
    <input type="button" value="提交" id="checkCaptcha">
</div>
<script src="https://cdn.bootcdn.net/ajax/libs/jquery/3.6.4/jquery.min.js"></script>
<script>
    $("#verificationCodeImg").click(function(){
        $(this).hide().attr('src', '/captcha/get?dt=' + new Date().getTime()).fadeIn();
    });
    $("#checkCaptcha").click(function () {
        console.log('按鈕被點(diǎn)擊了');  // 調(diào)試信息
        $.ajax({
            url: "/captcha/check",
            type: "post",
            data: {
                inputCode: $("#inputCaptcha").val()
            },
            success: function(result){
                console.log(result);
                if(result){
                    location.href = "success.html";
                } else {
                    alert("驗(yàn)證碼錯(cuò)誤或者過(guò)期");
                }
            },
            error: function(xhr, status, error) {
                console.error('請(qǐng)求失敗:', status, error);  // 調(diào)試信息
            }
        });
    });
</script>
</body>
</html>

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>驗(yàn)證成功頁(yè)</title>
</head>
<body>
<h1>驗(yàn)證成功</h1>
</body>
</html>