Kaptcha验证码SSM实现

Kaptcha验证码SSM实现Kaptcha验证码SSM实现CodeUtil静态类:用于接收验证码图片上字符串及验证码框里字符串,并且比较两者,相等返回ture。importjavax.servlet.http.HttpServletRequest;publicclassCodeUtil{publicstaticbooleancheckVerifyCode(HttpServletRequest…

大家好,又见面了,我是你们的朋友全栈君。

Kaptcha验证码SSM实现

在已完成SSM项目里加上kaptcha验证码的简单实现

和pagehelper一样都是只需要一点改动就可以用

首先引入依赖:

<!--kaptcha验证码插件-->
      <dependency>
          <groupId>com.github.penggle</groupId>
          <artifactId>kaptcha</artifactId>
          <version>2.3.2</version>
      </dependency>

接下来

  1. CodeUtil静态类:用于接收验证码图片上字符串及验证码框里字符串,并且比较两者,相等返回ture。
import javax.servlet.http.HttpServletRequest;
public class CodeUtil { 
   
    public static boolean checkVerifyCode(HttpServletRequest request) { 
   
    	//验证码图片字符串
        String verifyCodeExpected = (String)request.getSession().getAttribute(com.google.code.kaptcha.Constants.KAPTCHA_SESSION_KEY);
        
        /** *验证码框内字符串,j_captcha为login.jsp上验证码框input的name, *除了这个需要改换成自己的name,其他可以直接套用 *HttpServletRequestUtil是一个工具类 */
        String verifyCodeActual = HttpServletRequestUtil.getString(request, "j_captcha");
        
        if(verifyCodeActual == null || !verifyCodeActual.equals(verifyCodeExpected)) { 
   
            return false;
        }
        return true;
    }
}
  1. HttpServletRequestUtil工具类:可以直接套用的工具类,获取并转换返回字段里各个类型数的值
import javax.servlet.http.HttpServletRequest;

public class HttpServletRequestUtil { 
   
    public static int getInt(HttpServletRequest request, String name) { 
   

        try { 
   
            return Integer.decode(request.getParameter(name));
        } catch (Exception e) { 
   
            return -1;
        }
    }

    public static long getLong(HttpServletRequest request, String name) { 
   

        try { 
   
            return Long.valueOf(request.getParameter(name));
        } catch (Exception e) { 
   
            return -1;
        }
    }

    public static Double getDouble(HttpServletRequest request, String name) { 
   

        try { 
   
            return Double.valueOf(request.getParameter(name));
        } catch (Exception e) { 
   
            return -1d;
        }
    }

    public static Boolean getBoolean(HttpServletRequest request, String name) { 
   

        try { 
   
            return Boolean.valueOf(request.getParameter(name));
        } catch (Exception e) { 
   
            return false;
        }
    }

    public static String getString(HttpServletRequest request, String name) { 
   
        try { 
   
            String result = request.getParameter(name);
            if (result != null) { 
   
                result = result.trim();
            }
            if ("".equals(result))
                result = null;
            return result;
        } catch (Exception e) { 
   
            return null;
        }

    }
}
  1. Control层:在登陆control部分插入这一段
if(!CodeUtil.checkVerifyCode(request)) { 
   
	msg = "验证码错误";
	//验证码为空或验证码错误返回字段,可以自己在登陆jsp界面增加验证码框内不为空的错误显示
}else { 
   
    return "redirect:/testuser/main";
    //验证通过,重定向到用户主页,可以换成自己的指向用户主页方式
}
  1. jsp界面:界面很简陋,可以自己设置样式
//验证码框和验证码图片的代码,直接插入到登陆的验证表单里也就是用户名和密码下面
<div class="item-inner">
    <label for="j_captcha" class="item-title label">验证码</label>
    <input id="j_captcha" name="j_captcha" type="text" class="form-control in" placeholder="验证码" />
        <div class="item-input">
            <img id="captcha_img" alt="点击更换" title="点击更换" onclick="changeVerifyCode(this)" src="../Kaptcha" />
            /**这里的src值需与web.xml里设置的kaptcha设置里的url-pattern * 相同,可以不用改动直接用,前提是文件结构如下图 */
        </div>
</div>

在这里插入图片描述在这里插入图片描述

//这个可以直接套用,jquery对象依照上面进行设置
<script>

    $('#submit').click (
        function() { 
   
        var formData = new FormData();
        var verifyCodeActual = $('#j_captcha').val();
        //点击提交时,判断验证码是否为空,如果为空,提示输入验证码
        if (!verifyCodeActual) { 
   
            alert('请输入验证码');
            return;
        }
        //如果不为空,将验证码塞进formData里面去
        formData.append('verifyCodeActual', verifyCodeActual);

        //不管提交成功与否,验证码都会更换
        $('#captcha_img').click();
    });

    function changeVerifyCode(img) { 
   
        img.src = "../Kaptcha?" + Math.floor(Math.random() * 100);
        /*利用随机数进行验证码图片替换,这里的src也是要与web.xml里的一致, 要改动的话一起改 */
    }

</script>
  1. web.xml 设置:都是验证码相关的参数样式,可以直接插入
<!-- 验证码相关属性的配置 -->
    <servlet>
        <servlet-name>Kaptcha</servlet-name>
        <servlet-class>com.google.code.kaptcha.servlet.KaptchaServlet</servlet-class>
        <!-- 定义 Kaptcha 的样式 -->
        <!-- 是否有边框 -->
        <init-param>
            <param-name>kaptcha.border</param-name>
            <param-value>no</param-value>
        </init-param>
        <!-- 字体颜色 -->
        <init-param>
            <param-name>kaptcha.textproducer.font.color</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>kaptcha.image.height</param-name>
            <param-value>50</param-value>
        </init-param>
        <!-- 使用哪些字符生成验证码 -->
        <init-param>
            <param-name>kaptcha.textproducer.char.string</param-name>
            <param-value>ACDEFHKPRSTWX345975</param-value>
        </init-param>
        <!-- 字体大小 -->
        <init-param>
            <param-name>kaptcha.textproducer.font.size</param-name>
            <param-value>43</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.textproducer.char.length</param-name>
            <param-value>4</param-value>
        </init-param>
        <!-- 字体 -->
        <init-param>
            <param-name>kaptcha.textproducer.font.names</param-name>
            <param-value>Arial</param-value>
        </init-param>
    </servlet>
    <servlet-mapping>
        <servlet-name>Kaptcha</servlet-name>
        <!-- 外部访问路径 就是这里,需要改动jsp里src值的话这里也要改-->
        <url-pattern>/Kaptcha</url-pattern>
    </servlet-mapping>

只要更改以上五项就能实现,其中新建CodeUtil静态类和HttpServletRequestUtil工具类

版权声明:本文内容由互联网用户自发贡献,该文观点仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 举报,一经查实,本站将立刻删除。

发布者:全栈程序员-用户IM,转载请注明出处:https://javaforall.cn/150688.html原文链接:https://javaforall.cn

【正版授权,激活自己账号】: Jetbrains全家桶Ide使用,1年售后保障,每天仅需1毛

【官方授权 正版激活】: 官方授权 正版激活 支持Jetbrains家族下所有IDE 使用个人JB账号...

(0)


相关推荐

  • python之for循环详解_python循环5次

    python之for循环详解_python循环5次目录1、可以明确循环的次数2、iteratle_object(可迭代对象)3、enumerate()使用方法为4、补充:统计文件行数可以这样写:1、可以明确循环的次数遍历一个数据集内的成员 在列表解析中使用 生成器表达式中使用2、iteratle_object(可迭代对象)String(字符串) List(列表) Tuple(元组) Dictionary…

  • 舵机的工作原理和控制[通俗易懂]

    舵机的工作原理和控制[通俗易懂]控制信号由接收机的通道进入信号调制芯片,获得直流偏置电压。它内部有一个基准电路,产生周期为20ms,宽度为1.5ms的基准信号,将获得的直流偏置电压与电位器的电压比较,获得电压差输出。最后,电压差的正负输出到电机驱动芯片决定电机的正反转。当电机转速一定时,通过级联减速齿轮带动电位器旋转,使得电压差为0,电机停止转动。舵机的控制一般需要一个20

  • MFC线程同步—— CCriticalSection类使用

    MFC线程同步—— CCriticalSection类使用多个线程访问临界区时,可以使用临界区对象。临界区对象是一个独占性共享资源,任一时刻只有一个线程可以拥有临界区。拥有临界区的线程可以访问被保护起来的资源或代码段,其他希望进入临界区的线程将被挂起等待,直到拥有临界区的线程放弃临界区时为止。CCriticalSection类的用法:方法一:(1)定义CCriticalSection类的一个全局对象(以使各个线程均能访问):

  • pycharm注释快捷键Ctrl+/「建议收藏」

    pycharm注释快捷键Ctrl+/「建议收藏」行注释/取消行注释:Ctrl+/块注释:Ctrl+Shift+/

  • QT 播放器之列表隐藏

    QT 播放器之列表隐藏首先需要有一个按钮用来显示和隐藏列表m_button=newQPushButton(QStringLiteral(“隐藏”),parent);m_button->resize(35,35);当点击按钮的时候隐藏或显示列表connect(m_button,&QPushButton::clicked,this,&HideShowListVi…

发表回复

您的电子邮箱地址不会被公开。

关注全栈程序员社区公众号