基于kaptcha插件来实现验证码功能(超级简单,超级好用)

目录

导入kaptcha依赖到项目中

在web.xml中配置相关的配置(KaptchaServlet本质是一个Servlset)

使用插件完成注册功能


  • 导入kaptcha依赖到项目中

maven工程形式:导入 Kaptcha依赖


       
            com.github.penggle
            kaptcha
            2.3.2
        

普通的jar形式:

  • 在web.xml中配置相关的配置(KaptchaServlet本质是一个Servlset)

    KaptchaServletcom.google.code.kaptcha.servlet.KaptchaServlet





kaptcha.noise.implcom.google.code.kaptcha.impl.NoNoiseKaptchaServlet
/kaptcha

  • 使用插件完成注册功能

  1. 书写前端代码
  2. 获取验证码图片
  3. 前端用户写的验证码与后端验证码做比较验证

        写一个前端的注册界面(代码下):



Title


验证码:

效果图:此时已经可以得到生成的验证码了

接下来就是在后端服务器接收kaptcha类存储在session域中的验证码

 解悉:这个kaptcha插件在生成验证码图片时,同时会将验证码信息保存到session域。

  •  在后端进行验证:
     

     

  • 经过比较验证码是一样的。客户端看到的和kaptcha存储到session域中的一样

这样验证码功能就实现了!!!!!!!!!!!!!!!!!

最后:有不理解欢迎留言,我可以解答,还有就是如果想要kaptcha的jar可以在我的主页中获取。

kaptcha属性介绍

kaptcha.producer.impl    图片实现类    com.google.code.kaptcha.impl.DefaultKaptcha
kaptcha.textproducer.impl    文本实现类    com.google.code.kaptcha.text.impl.DefaultTextCreator
kaptcha.textproducer.char.string    文本集合,验证码值从此集合中获取    abcde2345678gfynmnpwx
kaptcha.textproducer.char.length    验证码长度    5
kaptcha.textproducer.font.names    字体    Arial, Courier
kaptcha.textproducer.font.size    字体大小    40px.
kaptcha.textproducer.font.color    字体颜色,合法值: r,g,b  或者 white,black,blue.    black
kaptcha.textproducer.char.space    文字间隔    2
kaptcha.noise.impl    干扰实现类    com.google.code.kaptcha.impl.DefaultNoise
kaptcha.noise.color    干扰 颜色,合法值: r,g,b 或者 white,black,blue.    black
kaptcha.obscurificator.impl    图片样式: 
水纹com.google.code.kaptcha.impl.WaterRipple 
鱼眼com.google.code.kaptcha.impl.FishEyeGimpy
阴影com.google.code.kaptcha.impl.ShadowGimpy    com.google.code.kaptcha.impl.WaterRipple
kaptcha.background.impl    背景实现类    com.google.code.kaptcha.impl.DefaultBackground
kaptcha.background.clear.from    背景颜色渐变,开始颜色    light grey
kaptcha.background.clear.to    背景颜色渐变, 结束颜色    white
kaptcha.word.impl    文字渲染器    com.google.code.kaptcha.text.impl.DefaultWordRenderer
kaptcha.session.key    session key    KAPTCHA_SESSION_KEY
kaptcha.session.da`te    sessi`on date    KAPTCHA_SESSION_DATE
原文链接:https://blog.csdn.net/qq_42308456/article/details/109766092


本文来自互联网用户投稿,文章观点仅代表作者本人,不代表本站立场,不承担相关法律责任。如若转载,请注明出处。 如若内容造成侵权/违法违规/事实不符,请点击【内容举报】进行投诉反馈!

相关文章

立即
投稿

微信公众账号

微信扫一扫加关注

返回
顶部