Kaptcha配置CaptchaConfig和控制CaptchaController

前端调用对应的后端接口即可使用验证码

Kaptcha所需依赖(版本号不一)
<!-- Kaptcha -->
<dependency>
     <groupId>com.github.penggle</groupId>
     <artifactId>kaptcha</artifactId>
     <version>2.3.2</version>
</dependency>
配置类CaptchaConfig.class (包自导)
@Configuration
public class CaptchaConfig {

   @Bean
   public DefaultKaptcha defaultKaptcha() {
       //验证码生成器
       DefaultKaptcha defaultKaptcha = new DefaultKaptcha();
       //配置
       Properties properties = new Properties();
       //是否有边框
       properties.setProperty("kaptcha.border", "yes");
       //设置边框颜色
       properties.setProperty("kaptcha.border.color", "105,179,90");
       //边框粗细度,默认为1
       // properties.setProperty("kaptcha.border.thickness","1");
       //验证码
       properties.setProperty("kaptcha.session.key", "code");
       //验证码文本字符颜色 默认为黑色
       properties.setProperty("kaptcha.textproducer.font.color", "blue");
       //设置字体样式
       properties.setProperty("kaptcha.textproducer.font.names", "宋体,楷体,微软雅黑");
       //字体大小,默认40
       properties.setProperty("kaptcha.textproducer.font.size", "30");
       //验证码文本字符内容范围 默认为abced2345678gfynmnpwx
       // properties.setProperty("kaptcha.textproducer.char.string", "");
       //字符长度,默认为5
       properties.setProperty("kaptcha.textproducer.char.length", "4");
       //字符间距 默认为2
       properties.setProperty("kaptcha.textproducer.char.space", "4");
       //验证码图片宽度 默认为200
       properties.setProperty("kaptcha.image.width", "100");
       //验证码图片高度 默认为40
       properties.setProperty("kaptcha.image.height", "40");
       Config config = new Config(properties);
       defaultKaptcha.setConfig(config);
       return defaultKaptcha;
   }

}
控制类CaptchaController.class (包自导)
@RestController
public class CaptchaController {

   @Autowired
   private DefaultKaptcha defaultKaptcha;

   @ApiOperation(value = "验证码")
   @GetMapping(value = "/captcha", produces = "image/jpeg")
   public void captcha(HttpServletRequest request, HttpServletResponse response) {
       // 定义response输出类型为image/jpeg类型
       response.setDateHeader("Expires", 0);
       // Set standard HTTP/1.1 no-cache headers.
       response.setHeader("Cache-Control", "no-store, no-cache, must-revalidate");
       // 设置IE扩展的HTTP / 1.1无缓存标头(使用addHeader)。
       response.addHeader("Cache-Control", "post-check=0, pre-check=0");
       // 设置标准的HTTP / 1.0无缓存标头。
       response.setHeader("Pragma", "no-cache");
       // 返回一张图片
       response.setContentType("image/jpeg");
       //-------------------生成验证码 begin --------------------------
       //获取验证码文本内容
       String text = defaultKaptcha.createText();
       System.out.println("验证码内容:" + text);
       //将验证码文本内容放入session
       request.getSession().setAttribute("captcha", text);
       //根据文本验证码内容创建图形验证码
       BufferedImage image = defaultKaptcha.createImage(text);
       ServletOutputStream outputStream = null;
       try {
           outputStream = response.getOutputStream();
           //输出流输出图片,格式为jpg
           ImageIO.write(image, "jpg", outputStream);
           outputStream.flush();
       } catch (IOException e) {
           e.printStackTrace();
       } finally {
           if (null != outputStream) {
               try {
                   outputStream.close();
               } catch (IOException e) {
                   e.printStackTrace();
               }
           }
       }
       //-------------------生成验证码 end --------------------------
   }
}
  • 2
    点赞
  • 2
    收藏
    觉得还不错? 一键收藏
  • 1
    评论
Kaptcha是一个Google开源的图片验证码生成工具,可以根据属性来设置自己想要的基本意义上的验证码。在前端中,可以通过获取验证码图片对用户输入的验证码进行简单的规则校验返回登录结果,并提供刷新验证码的动作,防止出现用户难以辨识的识别码。在SpringBoot中,可以通过导入依赖和配置KaptchaConfig来集成创建验证码工具。具体步骤如下: 1. 导入POM依赖:在pom.xml文件中添加以下依赖: <dependency> <groupId>com.github.penggle</groupId> <artifactId>kaptcha</artifactId> <version>2.3.2</version> </dependency> 2. 配置KaptchaConfig:在配置类中添加以下代码: @Bean public DefaultKaptcha producer() { Properties properties = new Properties(); // 设置验证码图片的宽度 properties.setProperty("kaptcha.image.width", "150"); // 设置验证码图片的高度 properties.setProperty("kaptcha.image.height", "50"); // 设置验证码字符的长度 properties.setProperty("kaptcha.textproducer.char.length", "4"); // 设置验证码字符的范围 properties.setProperty("kaptcha.textproducer.char.string", "0123456789ABCDEFGHIJKLMNOPQRSTUVWXYZ"); // 设置验证码字体的大小 properties.setProperty("kaptcha.textproducer.font.size", "30"); // 设置验证码字体的颜色 properties.setProperty("kaptcha.textproducer.font.color", "black"); // 设置验证码噪点的颜色 properties.setProperty("kaptcha.noise.color", "black"); // 设置验证码噪点的生成方式 properties.setProperty("kaptcha.noise.impl", "com.google.code.kaptcha.impl.NoNoise"); // 设置验证码样式 properties.setProperty("kaptcha.obscurificator.impl", "com.google.code.kaptcha.impl.ShadowGimpy"); Config config = new Config(properties); DefaultKaptcha defaultKaptcha = new DefaultKaptcha(); defaultKaptcha.setConfig(config); return defaultKaptcha; } 3. 在前端页面中添加验证码输入框和图片:在验证码输入框后面添加以下代码: <span> <input type="text" id="code" name="tryCode" placeholder="VerfiCode">  <img alt="验证码" onclick="this.src='/kaptcha?d='+new Date()*1" th:src="@{./kaptcha}"/> </span>

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论 1
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值