springboot 登录时图片验证码验证

最新推荐文章于 2024-08-18 19:52:27 发布

喑

最新推荐文章于 2024-08-18 19:52:27 发布

阅读量1.1k

点赞数 1

文章标签： html css login java

本文链接：https://blog.csdn.net/weixin_45065573/article/details/106738957

版权

本文介绍了如何在SpringBoot项目中添加图片验证码验证功能。通过创建配置类KaptchaConfig和公共类KaptchaUtils，配合前端HTML和JavaScript事件处理，实现点击刷新验证码的功能。在Controller中使用@RequestMapping和@GetMapping处理图片请求，确保验证码图片正常显示。

摘要由CSDN通过智能技术生成

现在springboot项目添加索引

<!--用户登录界面验证码-->
        <dependency>
            <groupId>com.github.penggle</groupId>
            <artifactId>kaptcha</artifactId>
            <version>2.3.2</version>
        </dependency>

书写配置类KaptchaConfig，和公共类KaptchaUtils
KaptchaConfig.class

@Component
public class KaptchaConfig {
   

    @Bean
    public DefaultKaptcha getDefaultKaptcha() {
   
        com.google.code.kaptcha.impl.DefaultKaptcha defaultKaptcha = new com.google.code.kaptcha.impl.DefaultKaptcha();
        Properties properties = new Properties();
        // 图片边框
        properties.setProperty("kaptcha.border", "no");
        // 边框颜色
        properties.setProperty("kaptcha.border.color", "black");
        //边框厚度
        properties.setProperty("kaptcha.border.thickness", "1");
        // 图片宽
        properties.setProperty("kaptcha.image.width", "120");
        // 图片高
        properties.setProperty("kaptcha.image.height", "40");
        //图片实现类
        properties.setProperty("kaptcha.producer.impl", "com.google.code.kaptcha.impl.DefaultKaptcha");
        //文本实现类
        properties.setProperty("kaptcha.textproducer.impl", "com.google.code.kaptcha.text.impl.DefaultTextCreator");
        //文本集合，验证码值从此集合中获取
        properties.setProperty("kaptcha.textproducer.char.string", "01234567890");
        //验证码长度
        properties.setProperty("kaptcha.textproducer.char.length", "4");
        //字体
        properties.setProperty("kaptcha.textproducer.font.names", "宋体");
        //字体颜色
        properties.setProperty("kaptcha.textproducer.font.color", "black");
        //文字间隔
        properties.setProperty("kaptcha.textproducer.char.space", "5");
        //干扰实现类
        properties.setProperty("kaptcha.noise.impl", "com.google.code.kaptcha.impl.DefaultNoise");
        //干扰颜色
        properties.setProperty("kaptcha.noise.color", "blue");
        //干扰图片样式
        properties.setProperty("kaptcha.obscurificator.impl", "com.google.code.kaptcha.impl.WaterRipple");
        //背景实现类
        properties.setProperty("kaptcha.background.impl", "com.google.code.kaptcha.impl.DefaultBackground");
        //背景颜色渐变，结束颜色
        properties.setProperty("kaptcha.background.clear.to", "white");
        //文字渲染器
        properties.setProperty