使用kaptcha快速生成验证码

文章目录

kaptcha会员注册和登录：

第一步，在Maven仓库中引入Kaptcha依赖（注意将新的jar，进行发布)

第二步，在applicationContext.xml文件中配置Kaptcha

第三步，创建Controller类，生成Kaptcha代码，并输出到前端

 

---

• kaptcha会员注册和登录：

• 一、kaptcha是什么？
• 二、使用步骤

  • 第一步，在Maven仓库中引入Kaptcha依赖（注意将新的jar，进行发布)

  • 第二步，在applicationContext.xml文件中配置Kaptcha

  • 第三步，创建Controller类，生成Kaptcha代码，并输出到前端

• 三.注册和登录：

• 第一步，复制注册页，并将其改为ftl--freemarker脚本，将其中的验证码的src设置为验证码controller中的验证码的url

• 第二步，创建用于会员注册和登记的Controller

• 第三步，完成点击验证码刷新的功能

• 第四步：对前台提交的验证码在后台进行校验在SpringMVC 框架中，当需需要request、response 原生servlet参数时，直接放在@Controller的方法参数中，使用就可以了。

---

---

提示：以下是本篇文章正文内容，下面案例可供参考

一、kaptcha是什么？

使用kaptcha生成验证码的作用：进行人机校验--防止机器脚本，自动大量注册用户。

1.Kaptcha是谷歌开源的可高度配置的实用验证码生成工具。

2.通过Kaptcha可阻拦大多数机器人脚本操作。

3.kaptcha典型殷勇于注册、登录、重要信息提交等用户交互

二、Kaptcha使用步骤

1.第一步，引入Kaptcha依赖（注意将新的jar，进行发布）

        
            com.github.penggle
            kaptcha
            2.3.2
        

2.第二步，在applicationContext.xml文件中配置Kaptcha

    
    
        
            
                
                    
                        
                        no
                        
                        120
                        
                        blue
                        
                        40
                        
                        4
                    
                
            
        
    

3.第三步，创建Controller类，生成Kaptcha代码，并输出到前端

@Controller
public class KaptchaController {
    @Resource
    private Producer kaptchaProducer;//Producer是一个接口，属性名和applicationContext.xml里面的配置文件里面一致
    @GetMapping("/verify_code")
    public  void  createVerifyCode(HttpServletRequest request, HttpServletResponse response) throws IOException {
        //响应立即过期
        response.setDateHeader("Expires",0);
        //不缓存任何图片数据
        response.setHeader("Cache-Control" , "no-store,no-cache,must-revalidate");
        response.setHeader("Cache-Control" , "post-check=0,pre-check=0");
        response.setHeader("Pragma" , "no-cache");
        response.setContentType("image/png");
        //生成验证码字符文本
        String verifyCode = kaptchaProducer.createText();
        request.getSession().setAttribute("kaptchaVerifyCode",verifyCode);
        System.out.println(request.getSession().getAttribute("kaptchaVerifyCode"));
        BufferedImage image = kaptchaProducer.createImage(verifyCode);//创建验证码图片
        ServletOutputStream out = response.getOutputStream();//二进制的图片，用getOutputStream()方法
        ImageIO.write(image,"png",out);
        out.flush();//立即输出
        out.close();//关闭输出
    }
}

注册与登录：

第一步：复制注册页，并将其改为ftl--freemarker脚本，将其中的验证码的src设置为验证码controller中的验证码的url

第二步：创建用于会员注册和登记的Controller，其中的url最好以.html结尾，有利于其他搜索引擎对本地址进行搜索

package com.imooc.reader.controller;

import com.imooc.reader.service.MemberService;
import com.imooc.reader.service.exception.BussinessException;
import org.springframework.stereotype.Controller;
import org.springframework.web.bind.annotation.GetMapping;
import org.springframework.web.bind.annotation.PostMapping;
import org.springframework.web.bind.annotation.ResponseBody;
import org.springframework.web.servlet.ModelAndView;

import javax.annotation.Resource;
import javax.servlet.http.HttpServletRequest;
import java.util.HashMap;
import java.util.Map;

@Controller
public class MemberController {
    @Resource
    private MemberService memberService;
    @GetMapping("/register.html")
    public ModelAndView showRegister(){
        return  new ModelAndView("/register");
    }
    @PostMapping("/registe")
    @ResponseBody
    public Map registe(String vc, String username, String password , String nickname , HttpServletRequest request){
        //正确验证码
        String verifyCode = (String)request.getSession().getAttribute("kaptchaVerifyCode");//与KaptchaController里面的request.getSession().setAttribute("kaptchaVerifyCode",verifyCode)类似
        //验证码对比
        Map result = new HashMap();
        if(vc == null || verifyCode == null || !vc.equalsIgnoreCase(verifyCode)){
            result.put("code", "VC01");
            result.put("msg", "验证码错误");
        }else{
            try {
                memberService.createMember(username, password, nickname);
                result.put("code", "0");
                result.put("msg", "success");
            }catch (BussinessException ex){
                ex.printStackTrace();
                result.put("code", ex.getCode());
                result.put("msg", ex.getMsg());
            }
        }
        return result;
    }
}

第三步：点击验证码刷新，jquery中使用.attr来设置组件的属性，为了时每次发送的请求不一样，避免对图片进行缓存，采用ts时间戳参数来解决缓存问题。

第四步：发送ajax请求，将验证码、用户名、密码、昵称等序列化发送给后台

 第五步：验证controller方法，判断验证码的准确性

@PostMapping("/registe")
    @ResponseBody
    public Map registe(String vc, String username, String password , String nickname , HttpServletRequest request){
        //正确验证码
        String verifyCode = (String)request.getSession().getAttribute("kaptchaVerifyCode");//与KaptchaController里面的request.getSession().setAttribute("kaptchaVerifyCode",verifyCode)类似
        //验证码对比
        Map result = new HashMap();
        if(vc == null || verifyCode == null || !vc.equalsIgnoreCase(verifyCode)){
            result.put("code", "VC01");
            result.put("msg", "验证码错误");
        }else{
            try {
                memberService.createMember(username, password, nickname);
                result.put("code", "0");
                result.put("msg", "success");
            }catch (BussinessException ex){
                ex.printStackTrace();
                result.put("code", ex.getCode());
                result.put("msg", ex.getMsg());
            }
        }
        return result;
    }