引言Kaptcha是一种非常实用的验证码生成工具,不同的配置可以生成各种各样的验证码。 由于显示为图像,因此复制&; 不能粘贴。
引入Maven依赖! - https://mvn repository.com/artifact/com.github.pengg le/kap tcha-- dependencygroupidcom.github.pengg le/group PLL 接下来,必须在web.xml中创建servlet。 此servlet的作用主要是指定验证码的样式、字体等
servlet servlet-namekaptcha/servlet-name servlet-classcom.Google.code.kap tcha.servlet.kaptchaservlet/servlet -伺服系统-字体颜色----init-param param-namekaptcha.text producer.font.color/param-name param-valuered/param-value init -图像宽度--- init-param param-namekaptcha.image.width/param-name param-value 135/param-value/init-parararam -使用哪个字符生成验证码--init-param param-namekaptcha.text producer.char.string/param-name param-valueacdefhkprscha -图像高度----init-param param-namekaptcha.image.height/param-name param-value 50/param-value/init-param! -字体大小----init-param param-namekaptcha.text producer.font.size/param-name param-value 43/param-value/init-param-value -干涉线颜色----init-param param-namekaptcha.noise.color/param-name param-value black/param -字符数量----init-param param-namekaptcha.text producer.char.length/param-name param-value4/param-value/init -字体--- init-param param-namekaptcha.text producer.font.names/param-name param-value arial/param-vvaram ining servlet servlet-mapping servlet-namekaptcha/servlet-name URL-pattern/kap tcha/URL-pattern/servlet-mappingserver
! -验证码(避免重复提交) kap tcha---- lidi vclass=' item-content ' divclass=' item-inner ' divclass=' item-title label ' div input type=' text ' id=' j-kap tcha ' placeholder='验证码' divclass=' item-input ' imgid=' kap tcha-img ' alt
functionchangeverifycode(img ) {img.src='./Kaptcha?' math.floor(math.random(*100 ) ); }4.创建此JavaScript部分的作用是接收前端数据并将其传输到后台
varverifycodeactual=$ (' # j-kap tcha ' ).val ); if (! 验证代码实际) {$.toast ('请输入验证码); 返回; } formdata.append ('验证代码实际',验证代码实际); $.Ajax(URL:registershopurl,type: 'POST ',data: formData,contentType: false,processData: false ) }else {$.toast ('提交失败! ' data.errMsg; }$(kaptcha-img ).click ); }; ); 5 .后台建设@ request mapping (value='/registershop ',method=RequestMethod.POST ) @ResponseBodyprivate MapString, objectregistershop (httpservletrequestrequest ) {MapString,objectmodelmap=newhashmapstring,object ); /*进行验证码比对,比对结果为前端*/if (! code util.check verify code (request ) ) modelmap.put ) ' success ',false ); modelmap.put(Errmsg,“验证码错误”); 返回模型映射; }其中,考虑到认证码部分以后有可能使用,设定为公共类
publicclasscodeutil { publicstaticbooleancheckverifycode (httpservletrequestrequest ) stringverifycodeeexpected=(字符串) } stringverifycodeactual=httpservletrequestutil.getstring (请求,'验证代码actual ); 验证代码实际==null |! 验证代码actual.equals (验证代码执行) {return false; }返回真; }6.显示效果
7 .当然,当您开始部署kap tcha jar软件包时,下载失败,例如
然后,通过尝试多种方法,我们发现将镜像添加到settings.xml文件是一种好方法。 当时,他选择了Alibaba云的Maven仓库镜像
微软! - mirror.therepositorymirrorsitetouseinsteadofagivenrepositorythat | thismirrorserveshasanidthatmatchesthemirrorofelementofthismirror.idsa reused|forinheritanceanddirectloookuppurposes, andmustbeuniqueacrossthesetofmirrors.|-- mirroridnexus-a liyun/idmirrorof */mirrorofnamenexusaliyun/name URL 3358 ma vavava