社区项目(生成验证码)

生成验证码逻辑思路

生成验证码的功能可以自己手写,比如生成字母和数字的随机数,以及加上一些横线等等,包括对验证码的颜色都可以进行更改。或者是使用调用一些库使用,使用这个工具进行。

  1. 导包
  2. 编写配置类,比如颜色,线条等等
  3. 先生成随机字符
  4. 最后生成图片

加入依赖

在这里插入图片描述

配置类

快捷键CTRL+ N搜索一下producer。通过bean被spring装备,核心的对象是一个接口,一个是创建文字,一个是根据文字创建图片。 有个实现类,简单说就是实例化接口。
在这里插入图片描述

package com.newcoder.community.config;

import com.google.code.kaptcha.Producer;
import com.google.code.kaptcha.impl.DefaultKaptcha;
import com.google.code.kaptcha.util.Config;
import org.springframework.context.annotation.Bean;
import org.springframework.context.annotation.Configuration;

import java.util.Properties;

@Configuration
public class KaptchaConfig {
    @Bean
//    通过bean被spring装备,核心的对象是一个接口,一个是创建文字,一个是根据文字创建图片。
//    有个实现类,简单说就是实例化接口,
    public Producer kaptchaProducer() {
            Properties properties = new Properties();
//            宽度长度的单位默认是像素,分别是宽度,高度,字号,颜色,字符串,字符串长度,加上一些干扰(点线干扰等等)
            properties.setProperty("kaptcha.image.width", "100");
            properties.setProperty("kaptcha.image.height", "40");
            properties.setProperty("kaptcha.textproducer.font.size", "32");
            properties.setProperty("kaptcha.textproducer.font.color", "0,0,0");
            properties.setProperty("kaptcha.textproducer.char.string", "0123456789ABCDEFGHIJKLMNOPQRSTUVWXYZ");
            properties.setProperty("kaptcha.textproducer.char.length", "4");
            properties.setProperty("kaptcha.noise.impl", "com.google.code.kaptcha.impl.NoNoise");
            DefaultKaptcha kaptcha = new DefaultKaptcha();
            Config config = new Config(properties);
            kaptcha.setConfig(config);
            return kaptcha;

        }


}
![在这里插入图片描述](https://img-blog.csdnimg.cn/09084140be324913be0742f3339148be.png?x-oss-process=image/watermark,type_ZHJvaWRzYW5zZmFsbGJhY2s,shadow_50,text_Q1NETiBATXJfeW91bmdf,size_20,color_FFFFFF,t_70,g_se,x_16#pic_center)


加入到前端页面

每次刷新登录,验证码更新,显示正确。
在这里插入图片描述在这里插入图片描述

  • 0
    点赞
  • 1
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值