javaWeb使用Kaptcha组件生成验证码

下面为您详细讲解“javaWeb使用Kaptcha组件生成验证码”的完整攻略。

什么是Kaptcha组件

Kaptcha是Google code上的一个开源项目，是一个Java的验证码组件，可用于生成验证码。

Kaptcha组件的优点

与其他验证码组件相比，Kaptcha组件有以下优点：

• 易于使用和集成。
• 提供了丰富的配置选项，可以自由定制验证码图片样式。
• 对任何环境和网站主题都适用。

Kaptcha组件的使用步骤

1. 在项目中引入Kaptcha组件依赖。

2. 编写生成验证码代码，以下是一个示例：

// 创建Kaptcha对象并设置参数
Kaptcha kaptcha = new com.google.code.kaptcha.impl.DefaultKaptcha();
kaptcha.setConfig(new com.google.code.kaptcha.util.Config(new java.util.Properties()));

// 生成验证码
String code = kaptcha.createText();
BufferedImage image = kaptcha.createImage(code);

// 将验证码图片输出
ImageIO.write(image, "jpg", response.getOutputStream());

1. 在JSP页面中添加验证码图片标签，以下是一个示例：

<img src="${pageContext.request.contextPath}/kaptcha.jpg"/>

其中“kaptcha.jpg”是生成验证码的Servlet的URL地址。

1. 在后台验证用户输入的验证码是否正确，以下是一个示例：

String inputCode = request.getParameter("code");
if(kaptcha.validate(inputCode)) {
    // 验证码正确
} else {
    // 验证码错误
}

示例说明

下面给出两个示例，一个是使用Spring Boot快速搭建Web应用程序，另一个是使用Servlet API手动实现验证码功能。

示例一：使用Spring Boot快速搭建Web应用程序

首先，在pom.xml文件中添加Kaptcha组件依赖：

<dependency>
    <groupId>com.github.penggle</groupId>
    <artifactId>kaptcha</artifactId>
    <version>2.3.2</version>
</dependency>

然后，编写生成验证码的Controller代码：

@RestController
public class CaptchaController {
    @RequestMapping("/captcha.jpg")
    public void captcha(HttpServletRequest request, HttpServletResponse response) throws Exception {
        // 创建Kaptcha对象并设置参数
        DefaultKaptcha kaptcha = new DefaultKaptcha();
        Properties properties = new Properties();
        properties.put("kaptcha.border", "no");
        properties.put("kaptcha.textproducer.font.color", "black");
        properties.put("kaptcha.textproducer.char.space", "5");
        Config config = new Config(properties);
        kaptcha.setConfig(config);

        // 生成验证码
        String code = kaptcha.createText();
        BufferedImage image = kaptcha.createImage(code);

        // 将验证码图片输出
        response.setContentType("image/jpeg");
        ServletOutputStream outputStream = response.getOutputStream();
        ImageIO.write(image, "jpeg", outputStream);
        outputStream.flush();
        outputStream.close();
    }
}

上述代码中，我们使用@RestController注解声明了一个Controller，并添加了一个RequestMapping，用于生成验证码。

然后，在登录页面的HTML代码中添加以下代码：

<img src="/captcha.jpg" alt="验证码" />
<input type="text" name="captcha" placeholder="请输入验证码" required />

在提交登录信息的Controller中，进行验证码的验证：

@PostMapping("/login")
public String login(@RequestParam String username, 
                    @RequestParam String password, 
                    @RequestParam String captcha, 
                    HttpSession session) {
    String sessionCaptcha = session.getAttribute("kaptcha") + "";
    if(StringUtils.isEmpty(captcha) || !captcha.equals(sessionCaptcha)) {
        return "redirect:/login?error";
    }
    // 验证码正确，进行后续业务逻辑处理
}

示例二：使用Servlet API手动实现验证码功能

首先，创建一个Servlet，用于生成验证码：

@WebServlet("/captcha.jpg")
public class CaptchaServlet extends HttpServlet {
    private static final long serialVersionUID = 1L;
    private static final int WIDTH = 120;
    private static final int HEIGHT = 40;
    private static final int COUNT = 4;

    private Font getFont() {
        return new Font("Consolas", Font.ITALIC, 30);
    }

    private String getRandomString() {
        char[] chars = "abcdefghijklmnopqrstuvwxyzABCDEFGHIJKLMNOPQRSTUVWXYZ0123456789".toCharArray();
        StringBuilder sb = new StringBuilder();
        for(int i = 0; i < COUNT; i++) {
            char c = chars[new Random().nextInt(chars.length)];
            sb.append(c);
        }
        return sb.toString();
    }

    private void drawLines(Graphics g) {
        for(int i = 0; i < 3; i++) {
            int x1 = new Random().nextInt(WIDTH);
            int y1 = new Random().nextInt(HEIGHT);
            int x2 = new Random().nextInt(WIDTH);
            int y2 = new Random().nextInt(HEIGHT);
            g.drawLine(x1, y1, x2, y2);
        }
    }

    protected void doGet(HttpServletRequest request, HttpServletResponse response) throws ServletException, IOException {
        // 创建验证码图片
        BufferedImage image = new BufferedImage(WIDTH, HEIGHT, BufferedImage.TYPE_INT_RGB);
        Graphics g = image.getGraphics();
        g.setColor(Color.WHITE);
        g.fillRect(0, 0, WIDTH, HEIGHT);
        g.setFont(getFont());
        String code = getRandomString();
        request.getSession().setAttribute("kaptcha", code);
        for(int i = 0; i < code.length(); i++) {
            char c = code.charAt(i);
            g.setColor(new Color(new Random().nextInt(255), new Random().nextInt(255), new Random().nextInt(255)));
            g.drawString(c + "", 20 * i + 10, 30);
        }
        drawLines(g);

        // 输出验证码图片
        response.setContentType("image/jpeg");
        ServletOutputStream outputStream = response.getOutputStream();
        ImageIO.write(image, "jpeg", outputStream);
        outputStream.flush();
        outputStream.close();
    }
}

上述代码中，我们手动实现了一个生成验证码的Servlet，使用Java自带的Graphics工具类绘制验证码图片。

然后，在登录页面的HTML代码中添加以下代码：

<img src="/captcha.jpg" alt="验证码" />
<input type="text" name="captcha" placeholder="请输入验证码" required />

在提交登录信息的Servlet中，进行验证码的验证：

protected void doPost(HttpServletRequest request, HttpServletResponse response) throws ServletException, IOException {
    String captcha = request.getParameter("captcha");
    String sessionCaptcha = request.getSession().getAttribute("kaptcha") + "";
    if(StringUtils.isEmpty(captcha) || !captcha.equals(sessionCaptcha)) {
        response.sendRedirect("/login?error");
        return;
    }
    // 验证码正确，进行后续业务逻辑处理
}

总结

以上就是JavaWeb使用Kaptcha组件生成验证码的完整攻略，使用Kaptcha组件可以快速、方便地实现验证码功能。无论是使用Spring Boot还是使用Servlet API，我们都可以轻松地集成并使用Kaptcha组件。