1.添加pom.xml依賴(lài)

在maven工程中的pom.xml文件中添加依賴(lài)如下

<!--驗(yàn)證碼--><!-- https://mvnrepository.com/artifact/com.github.penggle/kaptcha --><dependency><groupId>com.github.penggle</groupId><artifactId>kaptcha</artifactId><version>2.3.2</version></dependency>

2.添加驗(yàn)證碼配置

在web.xml文件中添加配置如下

<!--驗(yàn)證碼配置--><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.獲取谷歌生成的驗(yàn)證碼

在后端代碼中添加以下代碼獲取谷歌生成的驗(yàn)證碼,需要HttpServletRequest類(lèi)對(duì)象來(lái)獲取前端請(qǐng)求數(shù)據(jù)

// 獲取谷歌生成的驗(yàn)證碼 String token = (String) httpServletRequest.getSession().getAttribute(KAPTCHA_SESSION_KEY); System.out.println("谷歌生成驗(yàn)證碼值:" + token);

4.獲取谷歌生成的驗(yàn)證碼

前端畫(huà)面代碼如下,可獲取生成在session中的谷歌驗(yàn)證碼圖片

<img src="/kaptcha.jpg" alt="驗(yàn)證碼加載失敗" style="width: 100px;height: 35px">

5.完成效果

Code中可以輸入驗(yàn)證碼再由Ajax或是form表單方式將數(shù)據(jù)傳至后端即可做驗(yàn)證碼校驗(yàn)

總結(jié)

以上是生活随笔為你收集整理的kaptcha谷歌验证码使用的全部?jī)?nèi)容，希望文章能夠幫你解決所遇到的問(wèn)題。

如果覺(jué)得生活随笔網(wǎng)站內(nèi)容還不錯(cuò)，歡迎將生活随笔推薦給好友。