springmvc框架编写验证码

最新推荐文章于 2021-02-16 02:28:39 发布

IT悍将阿瑞

最新推荐文章于 2021-02-16 02:28:39 发布

阅读量256

点赞数

分类专栏： springmvc框架文章标签：验证码 springmvc框架

本文链接：https://blog.csdn.net/jiarui_mama/article/details/110914778

版权

springmvc框架专栏收录该内容

3 篇文章 0 订阅

订阅专栏

使用技术Kaptcha；

导入Kaptcha依赖；

<dependency>
  <groupId>com.github.penggle</groupId>
  <artifactId>kaptcha</artifactId>
  <version>2.3.2</version>
  <exclusions>
    <exclusion>
      <groupId>javax.servlet</groupId>
      <artifactId>javax.servlet-api</artifactId>
    </exclusion>
  </exclusions>
</dependency>

2.在web.xml中配置KapchaServlet，验证码组件；

<!--验证码Servlet -->
<servlet>
  <servlet-name>cap</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.textproducer.char.length</param-name>
    <param-value>4</param-value>
  </init-param>
  <init-param>
    <!--验证码的字符集合-->
    <param-name>kaptcha.textproducer.char.string</param-name>
    <param-value>abedefghijkimnopqrstuwxyzABCDEFrGHIUKIMNOPQRSTUVWXY2012345678</param-value>
  </init-param>
  <init-param>
    <!--验证码底色-->
    <param-name>kaptcha.background.clear.to</param-name>
    <param-value>224,255,255</param-value>
  </init-param>
  <init-param>
    <!--验证码会存储到session中-->
    <!--session.setAttribute（"captcha"，"验证码m）-->
    <param-name>kaptcha.session.key</param-name>
    <param-value>captcha</param-value>
  </init-param>
</servlet>
<servlet-mapping>
  <servlet-name>cap</servlet-name>
  <url-pattern>/captcha</url-pattern>
</servlet-mapping>

3．测试接口地址；并新建img标签；

<%@ page contentType="text/html;charset=UTF-8" language="java" isELIgnored="false" %>
<html>
<head>
    <title>Title</title>
    <script>
        function changeCaptcha(){
            var img=document.getElementById("captcha");
            img.src="${pageContext.request.contextPath}/captcha";
        }
    </script>
</head>
<body>
<form action="${pageContext.request.contextPath}/checkCaptcha/test">
    <input type="text" name="captcha">
    <img id="captcha" style="width: 100px;" src="${pageContext.request.contextPath}/captcha" onclick="changeCaptcha();"/>
    <input type="submit" value="提交">
</form>
</body>
</html>

4．写后台接口做验证码校验；

package com.it.controller;

import org.springframework.stereotype.Controller;
import org.springframework.web.bind.annotation.RequestMapping;

import javax.servlet.http.HttpSession;

@Controller
@RequestMapping("/checkCaptcha")
public class CaptchaController {
    @RequestMapping("/test")
    public String test(String captcha, HttpSession session){
        if(captcha.equalsIgnoreCase((String) session.getAttribute("captcha"))){
            return "hello";
        }else{
            return "error1";
        }
    }
}

-END-

如果你喜欢我的分享，欢迎关注微信公众号 java学长分享技术干货！

悄悄告诉你免费赠送重磅互联网架构师教程，提升职场技术水平！

IT悍将阿瑞

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
打赏
0
评论
springmvc框架编写验证码

使用技术Kaptcha；导入Kaptcha依赖；<dependency> <groupId>com.github.penggle</groupId> <artifactId>kaptcha</artifactId> <version>2.3.2</version> <exclusions> <exclusion> <groupId>javax.s
复制链接

扫一扫