7月23日--验证码

关于验证码：

验证码的相关内容我所用的方法是自己在网上找的，在学长讲课之前就已经做好。

首先还是一如既往的，先建立一个验证码的类：VerifyCode，用来生成验证码图片

public class VerifyCode {
    private int w = 75;
    private int h = 35;
    private Random r = new Random();
    // {"宋体", "华文楷体", "黑体", "华文新魏", "华文隶书","微软雅黑", "楷体_GB2312"}
    private String[] fontNames = {"宋体", "华文楷体", "黑体", "微软雅黑", "楷体_GB2312"};
    // 可用字符
    private String codes = "0123456789abcdefghjkmnopqrstuvwxyzABCDEFGHJKMNPQRSTUVWXYZ";
    // 背景色
    private Color bgColor = new Color(255, 255, 255);
    // 验证码上的文本
    private String text;
    // 生成随机的颜色

    public VerifyCode VerifyCode() {
        return null;
    }

    private Color randomColor() {
        int red = r.nextInt(150);
        int green = r.nextInt(150);
        int blue = r.nextInt(150);
        return new Color(red, green, blue);
    }

    // 生成随机的字符
    private Font randomFont() {
        int index = r.nextInt(fontNames.length);
        String fontName = fontNames[index];//生成随机的字体名�?
        int style = r.nextInt(4);//生成随机的样�? 0(无样�?, 1(粗体), 2(斜体),3(粗体+斜体)
        int size = r.nextInt(5) + 24; //生成随机字号, 24 ~ 28
        return new Font(fontName, style, size);
    }

    // 画干扰线
    private void drawLine(BufferedImage image) {
        int num = 3;
        Graphics2D g2 = (Graphics2D) image.getGraphics();
        for (int i = 0; i < num; i++) {//生成两个点的坐标，即4个�?
            int x1 = r.nextInt(w);
            int y1 = r.nextInt(h);
            int x2 = r.nextInt(w);
            int y2 = r.nextInt(h);
            g2.setStroke(new BasicStroke(1.5F));
            g2.setColor(Color.BLUE); //干扰线是蓝色
            g2.drawLine(x1, y1, x2, y2);//画线
        }
    }

    // 随机生成随机字符
    private char randomChar() {
        int index = r.nextInt(codes.length());
        return codes.charAt(index);
    }

    // 创建BufferedImage
    private BufferedImage createImage() {
        BufferedImage image = new BufferedImage(w, h, BufferedImage.TYPE_INT_RGB);
        Graphics2D g2 = (Graphics2D) image.getGraphics();
        g2.setColor(this.bgColor);
        g2.fillRect(0, 0, w, h);
        return image;
    }

    // 调用这个方法得到验证�?
    public BufferedImage getImage() {
        BufferedImage image = createImage();//创建图片缓冲�?
        Graphics2D g2 = (Graphics2D) image.getGraphics();//得到绘制环境
        StringBuilder sb = new StringBuilder();//用来装载生成的验证码文本
        // 向图片中�?个字�?
        for (int i = 0; i < 4; i++) {//循环四次，每次生成一个字�?
            String s = randomChar() + "";//随机生成数字字母 
            sb.append(s); //把字母添加到sb�?
            float x = i * 1.0F * w / 4; //设置当前字符的x轴坐标
            g2.setFont(randomFont()); //设置随机字体
            g2.setColor(randomColor()); //设置随机颜色
            g2.drawString(s, x, h - 5); //画图
        }
        this.text = sb.toString(); //把生成的字符串赋给了this.text
        drawLine(image); //添加干扰线
        return image;
    }

    // 返回验证码图片上的文本
    public String getText() {
        return text;
    }

    // 保存图片到指定的输出流
    public static void output(BufferedImage image, OutputStreamout)
            throws IOException {
        ImageIO.write(image, "JPEG", out);
    }
}

创建servlet来想jsp文件发送图片信息：

    public void doGet(HttpServletRequest request, HttpServletResponse response)throws ServletException, IOException {
        VerifyCode vc = new VerifyCode();
        BufferedImage image = vc.getImage();
        request.getSession().setAttribute("session_vcode", vc.getText());//保存图片上的文本到session域
        VerifyCode.output(image, response.getOutputStream());
    }

然后在WelUser的servlet中添加代码来实现输入的验证码的验证：

    public void doGet(HttpServletRequest request, HttpServletResponse response) throws ServletException, IOException {
        String sessionCode = (String) request.getSession().getAttribute("session_vcode");
        String paramCode = request.getParameter("verifyCode");
        if (!paramCode.equalsIgnoreCase(sessionCode)) {
            request.setAttribute("msg", "验证码错误！");
            request.getRequestDispatcher("/welcome.jsp").forward(request, response);
            return;
        }
    }

在WelUser上添加关于验证码的相关信息：

<script type="text/javascript">
    function _change() {
        var imgEle = document.getElementByIdx_x_x("img");
        imgEle.src = "/JavaWebTest/VerifyCodeServlet?a=" + newDate().getTime();
    }
</script>

上面是用来实现看不清换一个的代码。