登录页面添加验证码Kaptcha,IDEA,MAVEN

这篇博客介绍了如何在登录页面添加Kaptcha验证码来防止重复请求和机器人暴力访问。内容包括在pom.xml中引入Kaptcha依赖,配置web.xml以设置servlet,更新JSP页面展示验证码,编写JS jQuery实现点击换验证码功能,以及后台控制器处理验证码验证。此外,还提到了解决404错误的提示。
摘要由CSDN通过智能技术生成

    在登录页面为防止大量重复请求、机器人暴力访问等情况的经常需要在登录页面添加所谓“歪歪扭扭”的验证码,记录一下我练习的过程。

    1、pom.xml文件引jar包

<dependency>
   
<groupId>com.github.penggle</groupId>
   
<artifactId>kaptcha</artifactId>
   
<version>2.3.2</version>
</dependency>

注:添加后刷新maven下载jar包!

 

    2、web.xml配置servlet映射

<servlet>

       <servlet-name>Kaptcha</servlet-name>

       <servlet-class>com.google.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>kaptcha.image.width</param-name>

           <param-value>104</param-value>

       </init-param>

       <init-param>

           <param-name>kaptcha.noise.color</param-name>

           <param-value>black</param-value>

       </init-param>

       <init-param>

           <param-name>kaptcha.image.height</param-name>

           <param-value>32</param-value>

       </init-param>

       <init-param>

           <param-name>kaptcha.textproducer.font.size</param-name>

           <param-value>30</param-value>

       </init-param>

       <init-param>

           <param-name>kaptcha.textproducer.font.color</param-name>

           <param-value>black</param-value>

       </init-param>

       <init-param>

           <param-name>kaptcha.textproducer.char.string</param-name>

           <param-value>0123456789</param-value>

       </init-param>

       <init-param>

           <param-name>kaptcha.textproducer.char.length</param-name>

           <param-value>4</param-value>

       </init-param>

   </servlet>

   <servlet-mapping>

       <servlet-name>Kaptcha</servlet-name>

       <url-pattern>/kaptcha.jpg</url-pattern>

</servlet-mapping>

注:修改配置文件之后需要重启tomcat


    3、JSP页面显示

    只把jsp页面中相应的代码挪过来了。

评论 1
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值