验证码插件EasyCaptcha

最新推荐文章于 2025-04-16 09:57:20 发布

原创最新推荐文章于 2025-04-16 09:57:20 发布

· 3.8k 阅读

5 ·

版权

文章标签：

#intellij-idea

本文介绍了如何通过EasyCaptcha验证码插件快速集成验证码功能到项目中，包括Maven依赖添加、工具类使用及页面展示，旨在提升开发效率。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

我们自己编写验证码过于麻烦，所以一般会编写验证码插件或直接使用其他人的插件，这里推荐一个EasyCaptcha验证码插件，简单易用。

1.添加maven依赖

<!-- https://mvnrepository.com/artifact/com.github.whvcse/easy-captcha -->
        <dependency>
            <groupId>com.github.whvcse</groupId>
            <artifactId>easy-captcha</artifactId>
            <version>1.6.2</version>
        </dependency>

2.使用工具类

在servlet中创建一个方法只需要两步就可以在页面中使用验证码

 @Override
    protected void doGet(HttpServletRequest req, HttpServletResponse resp) throws ServletException, IOException {
        GifCaptcha c = new GifCaptcha();
        CaptchaUtil.out(c,req,resp);
        //req.getSession().setAttribute("captcha","sfsx");
    }

CaptchaUtil是EasyCaptcha中引入的工具类，它内部有很多属性和out方法，其中一个是

 public static void out(Captcha captcha, HttpServletRequest request, HttpServletResponse response) throws IOException {
        setHeader(response);
        request.getSession().setAttribute("captcha", captcha.text().toLowerCase());
        captcha.out(response.getOutputStream());
    }

这个方法会把验证码的内容存到session中的captcha上，我们只需要调用就可以得到验证码的值

3.在页面中使用验证码

<form action="check" method="post">
    <label>账号：<input type="text" name="account"></label><br>
    <label>密码：<input type="password" name="pwd"></label><br>
    <label>验证码：<input type="text" name="code"></label>
    <label><img src="check" onclick="this.src='check?'+ new Date()" alt=""></label>
    <br>
    <input type="submit" value="登录">
</form>

check是定义的servlet的名称，返回后就是验证码，添加onclick事件单击改变验证码的内容，new Date()是传入的时间戳，让验证码的内容随之改变。页面效果如下。