前后端分离验证码图片验证时为null_转发收藏这几款验证码神器，以后用得上...-CSDN博客

本文链接：https://blog.csdn.net/weixin_39890452/article/details/113629334

验证码

导语

验证码，这东西现在在互联网中可以说是刚需吧。大概凡是有登陆的地方，都会有验证码，当然了，验证码也各式各样，有静态的，动态的。静态的又分为图片的，汉字的，算术的等等，动态的分为gif的，滑块的，点击汉字的等等。下面小编就介绍两款验证码，有需要的可以收藏，旨在为大家节省自己开发的时间。

Happy Captcha

Happy Captcha 遵循Apache 2.0开源许可协议，你可以自由使用该软件。它提供了图片和动画两种展现形式，可以根据自己的需要实现。

maven 接入，只需引入maven依赖即可。

com.ramostear  Happy-Captcha  1.0.1

生成验证码

以下是最基本的使用，其中request 和 response 是必传参数，其中其他的参数可选。在这种情况下，生成的验证码是图片，内容是09-azA-Z 的字符随机组合，长度为5，图片宽度160，高度50，字体微软雅黑。

@Controllerpublic class HappyCaptchaController{    @GetMapping("/captcha")    public void happyCaptcha(HttpServletRequest request,HttpServletResponse response){        HappyCaptcha.require(request,response).build().finish();    }}

校验验证码

其中第三个参数表示是否忽略大小写，true是忽略，false是要校验大小写。

@Controllerpublic class CaptchaController{     @PostMapping("/verify")    public String verify(String code,HttpServletRequest request){        //Verification Captcha        boolean flag = HappyCaptcha.verification(request,code,true);        if(flag){            //Other operations...        }    }}

清理验证码

验证码用了以后可以根据需要手动清理。清理也非常简单，只需要一行代码

@Controllerpublic class HappyCaptchaController{        @GetMapping("/remove/captcha")    public void removeCaptcha(HttpServletRequest request){     HappyCaptcha.remove(request);       }}

高级特性

HappyCaptcha有几个高级特性：style, type ,length,width, height,font。

style:有两个值，CaptchaStyle.ANIM，CaptchaStyle.IMG，前者生成动态验证码，后者生成静态图片。只需要在生成验证码的代码中加入 style(CaptchaStyle.ANIM) 就可以了。
type有以下可选值, 加入type(CaptchaType.WORD) 即可

引自ramostear

3.length,width,height 引入都类似，都是在代码中加入对应的，length(xxx), width(xxxx),height(xx) 等等，不做多的介绍了。

4.font 引入需要 font(Fonts.getInstance().zhFont()),一共有四种。

注意：这些特性都是可以链式调用的。

效果展示

引自ramostear

EasyCaptcha

图形验证码，支持中文，算数，gif等

maven引入

   com.github.whvcse      easy-captcha      1.6.2

生成验证码

@Controllerpublic class CaptchaController {        @RequestMapping("/captcha")    public void captcha(HttpServletRequest request, HttpServletResponse response) throws Exception {        CaptchaUtil.out(request, response);    }}

校验验证码

@Controllerpublic class LoginController {        @PostMapping("/login")    public JsonResult login(String username,String password,String verCode){        if (!CaptchaUtil.ver(verCode, request)) { //校验            CaptchaUtil.clear(request);  // 清除session中的验证码           // other....        }    }   }

自定义验证码样式

// 设置位数CaptchaUtil.out(5, request, response);// 设置宽、高、位数CaptchaUtil.out(130, 48, 5, request, response);

验证码类型

// png类型SpecCaptcha captcha = new SpecCaptcha(130, 48);// gif类型GifCaptcha captcha = new GifCaptcha(130, 48);// 中文类型ChineseCaptcha captcha = new ChineseCaptcha(130, 48);// 中文gif类型ChineseGifCaptcha captcha = new ChineseGifCaptcha(130, 48);// 算术类型ArithmeticCaptcha captcha = new ArithmeticCaptcha(130, 48);

前后端分离中使用样例

@Controllerpublic class CaptchaController {    @Autowired    private RedisUtil redisUtil;        @ResponseBody    @RequestMapping("/captcha")    public JsonResult captcha(HttpServletRequest request, HttpServletResponse response) throws Exception {        SpecCaptcha specCaptcha = new SpecCaptcha(130, 48, 5);        String verCode = specCaptcha.text().toLowerCase();        String key = UUID.randomUUID().toString();        // 存入redis并设置过期时间为30分钟        redisUtil.setEx(key, verCode, 30, TimeUnit.MINUTES);        // 将key和base64返回给前端        return JsonResult.ok().put("key", key).put("image", specCaptcha.toBase64());    }        @ResponseBody    @PostMapping("/login")    public JsonResult login(String username,String password,String verCode,String verKey){        // 获取redis中的验证码        String redisCode = redisUtil.get(verKey);        // 判断验证码        if (verCode==null || !redisCode.equals(verCode.trim().toLowerCase())) {            return JsonResult.error("验证码不正确");        }    }  }