如何在ssm框架中添加验证码第⼀步：在l中添加依赖
<!--验证码-->
<!-- mvnrepository/artifact/com.github.penggle/kaptcha -->
<dependency>
<groupId>com.github.penggle</groupId>
<artifactId>kaptcha</artifactId>
<version>2.3.2</version>
</dependency>
第⼆步：在l中编写servlet，这个servlet负责⽣成验证码的样式
<！--servlet-mapping  相应kaptcha请求-->
<servlet-mapping>
<servlet-name>Kaptcha</servlet-name>
<url-pattern>/Kaptcha</url-pattern>
</servlet-mapping>
<!--⽣成验证码-->
<servlet>
<servlet-name>Kaptcha</servlet-name>
<servlet-class&le.code.kaptcha.servlet.KaptchaServlet</servlet-class>
<!--是否有边框-->
<init-param>
<param-name>kaptcha.border</param-name>
<param-value>no</param-value>
</init-param>
<!--字体颜⾊-->
<init-param>
<param-name&lor</param-name>
<param-value>red</param-value>
</init-param>
<!--图⽚宽度-->
<init-param>
<param-name>kaptcha.image.width</param-name>
<param-value>135</param-value>
</init-param>
<!--使⽤那些字符⽣成验证码-->
<init-param>
<param-name&producer.char.string</param-name>
<param-value>ACDEFHKPRSTWX345679</param-value>
</init-param>
<!--图⽚⾼度-->
<init-param>
<param-name>kaptcha.image.height</param-name>
param name<param-value>50</param-value>
</init-param>
<!--字体⼤⼩-->
<init-param>
<param-name&producer.font.size</param-name>
<param-value>43</param-value>
</init-param>
<!--⼲扰线的颜⾊-->
<init-param>
<param-name&lor</param-name>
<param-value>black</param-value>
</init-param>
<!--验证码的字符个数-->
<init-param>
<param-name&producer.char.length</param-name>
<param-value>4</param-value>
</init-param>
<!--字体-->
<init-param>
<param-name&producer.font.names</param-name>
<param-value>Arial</param-value>
</init-param>
</servlet>
<servlet>
<servlet-name>spring-dispatcher</servlet-name>
<servlet-class>org.springframework.web.servlet.DispatcherServlet</servlet-class>
<init-param>
<param-name>contextConfigLocation</param-name>
<param-value>classpath:spring/spring-*.xml</param-value>
</init-param>
</servlet>
第三步：在相关页⾯添加验证码控件
<!--验证码 kaptcha-->
<li>
<div class="item-content">
<div class="item-inner">
<div class="item-title label">验证码</div>
<input type="text" id="j_captcha" placeholder="验证码">
<div class="item-input">
<img id="captcha_img" alt="点击更换" title="点击更换"
onclick="changeVerifyCode(this)" src="../Kaptcha">
</div>
</div>
</div>
</li>
在第三步中，onclick="changeVerifyCode(this)"，是点击按钮，执⾏更换验证码的操作，需要需要编写js实现。
src="../Kaptcha" 引⼊servlet资源，Kaptcha是指定资源名称：
第四步：在页⾯点击提交部分，接受验证码，并传⼊到后台
第五步：在页⾯中点击添加js⽂件
第六步：在最后提交的时候，⽆论提交成功与否，都得更换验证码
在后端，可以通过编写⼯具类进⾏判断前端传过来的验证码是否正确
/*
* 判断验证码是否正确
* */
public class CodeUtil {
public static boolean checkVerifyCode(HttpServletRequest request){
String verifyCodeExpected=(String) Session().getAttribute(Constants.KAPTCHA_SESSION_KEY);
String String(request,"verifyCodeActual");
if (verifyCodeActual ==null || !verifyCodeActual.equals(verifyCodeExpected)){
return false;
}
return true;
}
}
String verifyCodeExpected=(String) Session().getAttribute(Constants.KAPTCHA_SESSION_KEY); -》指的是图⽚中的验证码String String(request,"verifyCodeActual"); -》输⼊的验证码
第六步：在Controller中，调⽤Util⽅法，进⾏判断

版权声明：本站内容均来自互联网，仅供演示用，请勿用于商业和其他非法用途。如果侵犯了您的权益请与我们联系QQ:729038198，我们将在24小时内删除。