Java使用Kaptcha實(shí)現(xiàn)簡(jiǎn)單的驗(yàn)證碼生成器

更新時(shí)間：2024年02月03日 08:22:53 作者：哪里的破水瓶

這篇文章主要為大家詳細(xì)介紹了Java如何使用Kaptcha實(shí)現(xiàn)簡(jiǎn)單的驗(yàn)證碼生成器,文中的示例代碼講解詳細(xì),具有一定的借鑒價(jià)值,有需要的小伙伴可以參考下

驗(yàn)證碼生成器

依賴

<!-- 驗(yàn)證碼 -->
<dependency>
    <groupId>com.github.penggle</groupId>
    <artifactId>kaptcha</artifactId>
    <exclusions>
        <exclusion>
            <artifactId>javax.servlet-api</artifactId>
            <groupId>javax.servlet</groupId>
        </exclusion>
    </exclusions>
</dependency>

首先配置驗(yàn)證碼

@Configuration
public class CaptchaConfig {
    
    @Bean(name = "captchaProducer")
    public DefaultKaptcha getKaptchaBean() {
        // 驗(yàn)證碼生成器
        DefaultKaptcha defaultKaptcha = new DefaultKaptcha();
        // 創(chuàng)建資源類(lèi)
        Properties properties = new Properties();
        // 是否有邊框 默認(rèn)為true 我們可以自己設(shè)置yes，no
        properties.setProperty(KAPTCHA_BORDER, "yes");
        // 驗(yàn)證碼文本字符顏色 默認(rèn)為Color.BLACK
        properties.setProperty(KAPTCHA_TEXTPRODUCER_FONT_COLOR, "black");
        // 驗(yàn)證碼圖片寬度 默認(rèn)為200
        properties.setProperty(KAPTCHA_IMAGE_WIDTH, "160");
        // 驗(yàn)證碼圖片高度 默認(rèn)為50
        properties.setProperty(KAPTCHA_IMAGE_HEIGHT, "60");
        // 驗(yàn)證碼文本字符大小 默認(rèn)為40
        properties.setProperty(KAPTCHA_TEXTPRODUCER_FONT_SIZE, "38");
        // KAPTCHA_SESSION_KEY 指定保存驗(yàn)證碼文本的 Session 屬性名
        properties.setProperty(KAPTCHA_SESSION_CONFIG_KEY, "kaptchaCode");
        // 驗(yàn)證碼文本字符長(zhǎng)度 默認(rèn)為5
        properties.setProperty(KAPTCHA_TEXTPRODUCER_CHAR_LENGTH, "4");
        // 驗(yàn)證碼文本字體樣式 默認(rèn)為new Font("Arial", 1, fontSize), new Font("Courier", 1, fontSize)
        properties.setProperty(KAPTCHA_TEXTPRODUCER_FONT_NAMES, "Arial,Courier");
        // 圖片樣式 水紋com.google.code.kaptcha.impl.WaterRipple 魚(yú)眼com.google.code.kaptcha.impl.FishEyeGimpy 陰影com.google.code.kaptcha.impl.ShadowGimpy
        properties.setProperty(KAPTCHA_OBSCURIFICATOR_IMPL, "com.google.code.kaptcha.impl.ShadowGimpy");
        // 創(chuàng)建配置
        Config config = new Config(properties);
        defaultKaptcha.setConfig(config);
        return defaultKaptcha;
    }
}

使用

@Resource(name = "captchaProducer")
private Producer captchaProducer;

/**
 * 生成驗(yàn)證碼
 */
@GetMapping("/captchaImage")
public String getCode(HttpServletResponse response) throws IOException {
    // 這是文本
    String capStr = captchaProducer.createText();
    // 這是圖像
    BufferedImage image = captchaProducer.createImage(capStr);

    // 轉(zhuǎn)換流信息寫(xiě)出
    FastByteArrayOutputStream os = new FastByteArrayOutputStream();
    ImageIO.write(image, "jpg", os);

    return Base64.encode(os.toByteArray());
}

計(jì)算驗(yàn)證碼

配置類(lèi)

這里使用自定義的類(lèi)

com.ec.auth.config.KaptchaTextCreator 這是包路徑

// 驗(yàn)證碼文本生成器
properties.setProperty(KAPTCHA_TEXTPRODUCER_IMPL, "com.ec.auth.config.KaptchaTextCreator");

效果

實(shí)現(xiàn)類(lèi)

import com.google.code.kaptcha.text.impl.DefaultTextCreator;

import java.util.Random;

/**
 * 驗(yàn)證碼文本生成器
 */
public class KaptchaTextCreator extends DefaultTextCreator {
    private static final String[] CNUMBERS = "0,1,2,3,4,5,6,7,8,9,10".split(",");

    @Override
    public String getText() {
        Integer result;
        Random random = new Random();
        int x = random.nextInt(10);
        int y = random.nextInt(10);
        StringBuilder suChinese = new StringBuilder();
        int randomoperands = (int) Math.round(Math.random() * 2);
        if (randomoperands == 0) {
            result = x * y;
            suChinese.append(CNUMBERS[x]);
            suChinese.append("*");
            suChinese.append(CNUMBERS[y]);
        } else if (randomoperands == 1) {
            if (!(x == 0) && y % x == 0) {
                result = y / x;
                suChinese.append(CNUMBERS[y]);
                suChinese.append("/");
                suChinese.append(CNUMBERS[x]);
            } else {
                result = x + y;
                suChinese.append(CNUMBERS[x]);
                suChinese.append("+");
                suChinese.append(CNUMBERS[y]);
            }
        } else if (randomoperands == 2) {
            if (x >= y) {
                result = x - y;
                suChinese.append(CNUMBERS[x]);
                suChinese.append("-");
                suChinese.append(CNUMBERS[y]);
            } else {
                result = y - x;
                suChinese.append(CNUMBERS[y]);
                suChinese.append("-");
                suChinese.append(CNUMBERS[x]);
            }
        } else {
            result = x + y;
            suChinese.append(CNUMBERS[x]);
            suChinese.append("+");
            suChinese.append(CNUMBERS[y]);
        }
        suChinese.append("=?@").append(result);
        return suChinese.toString();
    }
}

@Bean(name = "captchaProducerMath")
public DefaultKaptcha getKaptchaBeanMath() {
    DefaultKaptcha defaultKaptcha = new DefaultKaptcha();
    Properties properties = new Properties();
    // 是否有邊框 默認(rèn)為true 我們可以自己設(shè)置yes，no
    properties.setProperty(KAPTCHA_BORDER, "yes");
    // 邊框顏色 默認(rèn)為Color.BLACK
    properties.setProperty(KAPTCHA_BORDER_COLOR, "105,179,90");
    // 驗(yàn)證碼文本字符顏色 默認(rèn)為Color.BLACK
    properties.setProperty(KAPTCHA_TEXTPRODUCER_FONT_COLOR, "blue");
    // 驗(yàn)證碼圖片寬度 默認(rèn)為200
    properties.setProperty(KAPTCHA_IMAGE_WIDTH, "160");
    // 驗(yàn)證碼圖片高度 默認(rèn)為50
    properties.setProperty(KAPTCHA_IMAGE_HEIGHT, "60");
    // 驗(yàn)證碼文本字符大小 默認(rèn)為40
    properties.setProperty(KAPTCHA_TEXTPRODUCER_FONT_SIZE, "35");
    // KAPTCHA_SESSION_KEY 指定保存驗(yàn)證碼文本的 Session 屬性名
    properties.setProperty(KAPTCHA_SESSION_CONFIG_KEY, "kaptchaCodeMath");
    // 驗(yàn)證碼文本生成器
    properties.setProperty(KAPTCHA_TEXTPRODUCER_IMPL, "com.ec.auth.config.KaptchaTextCreator");
    // 驗(yàn)證碼文本字符間距 默認(rèn)為2
    properties.setProperty(KAPTCHA_TEXTPRODUCER_CHAR_SPACE, "3");
    // 驗(yàn)證碼文本字符長(zhǎng)度 默認(rèn)為5
    properties.setProperty(KAPTCHA_TEXTPRODUCER_CHAR_LENGTH, "6");
    // 驗(yàn)證碼文本字體樣式 默認(rèn)為new Font("Arial", 1, fontSize), new Font("Courier", 1, fontSize)
    properties.setProperty(KAPTCHA_TEXTPRODUCER_FONT_NAMES, "Arial,Courier");
    // 驗(yàn)證碼噪點(diǎn)顏色 默認(rèn)為Color.BLACK
    properties.setProperty(KAPTCHA_NOISE_COLOR, "white");
    // 干擾實(shí)現(xiàn)類(lèi)
    properties.setProperty(KAPTCHA_NOISE_IMPL, "com.google.code.kaptcha.impl.NoNoise");
    // 圖片樣式 水紋com.google.code.kaptcha.impl.WaterRipple 魚(yú)眼com.google.code.kaptcha.impl.FishEyeGimpy 陰影com.google.code.kaptcha.impl.ShadowGimpy
    properties.setProperty(KAPTCHA_OBSCURIFICATOR_IMPL, "com.google.code.kaptcha.impl.ShadowGimpy");
    Config config = new Config(properties);
    defaultKaptcha.setConfig(config);
    return defaultKaptcha;
}

前端

<div class="login-code">
    <img :src="codeUrl" class="login-code-img" @click="getCode" alt=""/>
</div>

const getCode = async () => {
    const {img, uuid} = await getCodeImg()
    if (captchaOnOff.value) {
        codeUrl.value = 'data:image/gif;base64,' + img
    }
}

以上就是Java使用Kaptcha實(shí)現(xiàn)簡(jiǎn)單的驗(yàn)證碼生成器的詳細(xì)內(nèi)容，更多關(guān)于Java Kaptcha驗(yàn)證碼生成的資料請(qǐng)關(guān)注腳本之家其它相關(guān)文章！

您可能感興趣的文章: