1.添加pom.xml依赖
在maven工程中的pom.xml文件中添加依赖如下
<!--验证码--><!-- /artifact/com.github.penggle/kaptcha --><dependency><groupId>com.github.penggle</groupId><artifactId>kaptcha</artifactId><version>2.3.2</version></dependency>
2.添加验证码配置
在web.xml文件中添加配置如下
<!--验证码配置--><servlet><servlet-name>KaptchaServlet</servlet-name><servlet-class>com.google.code.kaptcha.servlet.KaptchaServlet</servlet-class></servlet><servlet-mapping><servlet-name>KaptchaServlet</servlet-name><url-pattern>/kaptcha.jpg</url-pattern></servlet-mapping>
3.获取谷歌生成的验证码
在后端代码中添加以下代码获取谷歌生成的验证码,需要HttpServletRequest类对象来获取前端请求数据
// 获取谷歌生成的验证码String token = (String) httpServletRequest.getSession().getAttribute(KAPTCHA_SESSION_KEY);System.out.println("谷歌生成验证码值:" + token);
4.获取谷歌生成的验证码
前端画面代码如下,可获取生成在session中的谷歌验证码图片
<img src="/kaptcha.jpg" alt="验证码加载失败" style="width: 100px;height: 35px">
5.完成效果
Code中可以输入验证码再由Ajax或是form表单方式将数据传至后端即可做验证码校验