防止表单的重复提交【利用验证码】

1)新建生成验证码的Servlet

⑴ ValidateColorServlet源码

(请自行修改包名)

package com.test.servlet;

import java.awt.Color;
import java.awt.Font;
import java.awt.Graphics2D;
import java.awt.image.BufferedImage;
import java.io.IOException;
import java.util.Random;

import javax.imageio.ImageIO;
import javax.servlet.ServletException;
import javax.servlet.ServletOutputStream;
import javax.servlet.http.HttpServlet;
import javax.servlet.http.HttpServletRequest;
import javax.servlet.http.HttpServletResponse;

public class ValidateColorServlet extends HttpServlet {

public static final String CODE_KEY = "CODE_KEY";

// 设置验证图片的宽度, 高度, 验证码的个数
private int width = 152;
private int height = 40;
private int codeCount = 4;

// 验证码字体的高度
private int fontHeight = 4;

// 验证码中的单个字符基线。即:验证码中的单个字符位于验证码图形左上角的 (codeX, codeY) 位置处。
private int codeX = 0;
private int codeY = 0;

// 验证码由哪些字符组成
private char[] codeSequence = "1234567890ABCDEFGHIJKLMNOPQRSTUVWXYZabcdefghijklmnopqrstuvwxyz".toCharArray();

// 初始化验证码图形属性
public void init() {
    fontHeight = height - 2;
    codeX = width / (codeCount + 2);
    codeY = height - 4;
}

public void service(HttpServletRequest request, HttpServletResponse response) throws ServletException, IOException {
    // 定义一个类型为 BufferedImage.TYPE_INT_BGR 类型的图像缓存
    BufferedImage buffImg = null;
    buffImg = new BufferedImage(width, height, BufferedImage.TYPE_3BYTE_BGR);

    // 在 buffImg 中创建一个 Graphics2D 图像
    Graphics2D graphics = null;
    graphics = buffImg.createGraphics();

    // 设置一个颜色, 使 Graphics2D 对象的后续图形使用这个颜色
    graphics.setColor(Color.WHITE);

    // 填充一个指定的矩形: x - 要填充矩形的 x 坐标; y - 要填充矩形的 y 坐标; width - 要填充矩形的宽度; height - 要填充矩形的高度
    graphics.fillRect(0, 0, width, height);

    // 创建一个 Font 对象: name - 字体名称; style - Font 的样式常量; size - Font 的点大小
    Font font = null;
    font = new Font("", Font.BOLD, fontHeight);
    // 使 Graphics2D 对象的后续图形使用此字体
    graphics.setFont(font);

    graphics.setColor(Color.BLACK);

    // 绘制指定矩形的边框, 绘制出的矩形将比构件宽一个也高一个像素
    graphics.drawRect(0, 0, width - 1, height - 1);

    // 随机产生 15 条干扰线
    Random random = null;
    random = new Random();
    graphics.setColor(Color.GREEN);
    for (int i = 0; i < 15; i++) {
        int x = random.nextInt(width);
        int y = random.nextInt(height);
        int x1 = random.nextInt(20);
        int y1 = random.nextInt(20);
        graphics.drawLine(x, y, x + x1, y + y1);
    }

    // 创建 randomCode 对象, 用于保存随机产生的验证码, 以便用户登录后进行验证
    StringBuffer randomCode;
    randomCode = new StringBuffer();

    for (int i = 0; i < codeCount; i++) {
        // 得到随机产生的验证码数字
        String strRand = null;
        strRand = String.valueOf(codeSequence[random.nextInt(36)]);

        // 把正在产生的随机字符放入到 StringBuffer 中
        randomCode.append(strRand);

        // 用随机产生的颜色将验证码绘制到图像中
        graphics.setColor(Color.BLUE);
        graphics.drawString(strRand, (i + 1) * codeX, codeY);
    }

    // 再把存放有所有随机字符的 StringBuffer 对应的字符串放入到 HttpSession 中
    request.getSession().setAttribute(CODE_KEY, randomCode.toString());

    // 禁止图像缓存
    response.setHeader("Pragma", "no-cache");
    response.setHeader("Cache-Control", "no-cache");
    response.setDateHeader("Expires", 0);

    // 将图像输出到输出流中
    ServletOutputStream sos = null;
    sos = response.getOutputStream();
    ImageIO.write(buffImg, "jpeg", sos);
    sos.close();
}

}

在 web.xml 中映射 ValidateColorServlet

映射ValidateColorServlet

2)编写jsp页面

jsp页面
表单中有 : 两个输入框,一个提交按钮,最关键的 img标签 和一个验证码错误的提示标签。

效果图

3) 编写验证的Servlet

@Override
protected void doPost(HttpServletRequest request, HttpServletResponse response) throws ServletException, IOException {
    String code = request.getParameter("code");
    String codeKey = "";

    HttpSession session = request.getSession();
    String getCodeKey = (String) session.getAttribute("CODE_KEY");
    if (null != getCodeKey) {
        codeKey = getCodeKey;
    }

    if ("" != codeKey) {
        // equalsIgnoreCase:验证时,不区分大小写;equals:区分大小写
        if (codeKey.equalsIgnoreCase(code)) {
            String name = request.getParameter("name");
            session.removeAttribute("CODE_KEY");
            response.getWriter().println("Welcome " + name + "!");
        } else {
            session.setAttribute("message", "验证码错误!");
            // 验证失败,重定向到提交页面
            response.sendRedirect(request.getContextPath() + "/index.jsp");
        }
    } else {
        session.setAttribute("message", "请输入验证码!");
        response.sendRedirect(request.getContextPath() + "/index.jsp");
    }

}

4) Tips

ValidateColorServlet 中的 CODE_KEY 常量的值,即所编写的验证的 Servlet 中的 HttpSession.getAttribute(String name); 的 name 的值。

  • 1
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值