jsp+servlet生成动态验证码及验证

作者: _借东西的小人 | 来源:发表于2017-09-19 12:51 被阅读49次

jsp+servlet生成动态验证码及验证
java实现动态验证码
Java生成图片验证码
谷歌身份验证器，为你的账户加把锁｜币评君
动态验证码生成
linux部署JAVA应用验证码生成失败
SpringBoot SpringSecurity(三)添加登陆
验证码类
Django ORM性能优化和图片验证码
php实现验证码

之前一直觉得会生成验证码的人都是元老级人物，直到今天我很幸学到了生成动态验证码的方法，其实并没有想象中的那么难嘛，所以，我将所学的分享给广大的即将要从成为程序猿的们，希望大家多提点意见。
前端展示页面

<script type="text/javascript">
    function changeCode(){
        var imgObj = document.getElementById("img");
        imgObj.src = "CheckCodeServlet?id="+new Date();
    }
</script>
<body>
<span style="color:red;">${errorMsg}</span>
<form action="DealCheckcodeServlet" method="post">
<input type="text" name="code"/>
<i.m.g  src="CheckCodeServlet" id="img" onclick="changeCode()"><!--由于markdown格式会将img自动转化成图片格式，所以我用的是i.m.g--!>
<input type="submit"/>
</form>
</body>

servlet页面一：CheckCodeServlet
主要完成验证码的生成

protected void doGet(HttpServletRequest request, HttpServletResponse response)
            throws ServletException, IOException {
Random r = new Random();
        // 1.确定图片的大小
        int w = 100;
        int h = 30;
        // 2.创建画板
        BufferedImage board = new BufferedImage(w, h, BufferedImage.TYPE_INT_RGB);
        // 3.创建画笔
        Graphics pen = board.getGraphics();
        // 4.调制颜色
        Color c_bg = new Color(200 + r.nextInt(40), 200 + r.nextInt(40), 200 + r.nextInt(40));
        // 5.给画笔注入当前的背景要绘制的颜色
        pen.setColor(c_bg);
        // 6.画背景
        pen.fillRect(0, 0, w, h);

        String judgeCode = "";
        for (int i = 1; i < 5; i++) {
            // 生成一位随机验证码
            // 7.生成验证码
            // 改变画笔的颜色，防止与背景颜色相同
            Color c_code = new Color(100 + r.nextInt(40), 100 + r.nextInt(40), 100 + r.nextInt(40));
            // 给画笔注入验证码的颜色
            pen.setColor(c_code);
            // 设置画笔所画出的字体风格
            Font f_code = new Font("斜体", Font.ITALIC, 18);
            // 将字体风格注入笔中
            pen.setFont(f_code);
            // 随机生成一个大写字母Unicode(ASCII码)
            int upcaseCode = 65 + r.nextInt(26);
            // 随机生成一个小写字母的Unicode
            int lowcaseCode = 97 + r.nextInt(26);
            // 随机生成数字
            int numCode = r.nextInt(10);

            // 转化成具体的字符串，字符串可以追加起来
            // 将字母所对应的码转化成相应的字母
            String upcaseStr = String.valueOf((char) upcaseCode);
            String lowcaseStr = String.valueOf((char) lowcaseCode);
            String numStr = String.valueOf(numCode);
            // n1与n2的值是0或者1
            int n1 = r.nextInt(2);
            int n2 = r.nextInt(2);
            String code = "";
            if (n1 > 0.5) {
                // 生成的是字母
                // 生成大写字母
                if (n2 > 0.5) {
                    code = upcaseStr;
                    judgeCode = judgeCode + upcaseStr;
                } else {
                    // 生成小写字母
                    code = lowcaseStr;
                    judgeCode = judgeCode + lowcaseStr;
                }
            } else {
                // 生成数字
                code = numStr;
                judgeCode = judgeCode + numStr;
            }

            request.getSession().setAttribute("judgeCode",judgeCode);
            System.out.println(judgeCode);
            
            // 画验证码(20*i, 20是验证码的位置)
            pen.drawString(code, 20*i, 20);
        }
        
//      压缩成图片，做成响应输出
        ImageIO.write(board, "jpg", response.getOutputStream());
}

servlet页面二：DealCheckcodeServlet

主要完成验证码的刷新以及正确判断

protected void doGet(HttpServletRequest request, HttpServletResponse response) throws ServletException, IOException {
        request.setCharacterEncoding("utf-8");
        String code = request.getParameter("code");
        String jugdeCode = (String)request.getSession().getAttribute("judgeCode");
        System.out.println(jugdeCode);
        if(code.equalsIgnoreCase(jugdeCode)){
            request.getRequestDispatcher("welcome.jsp").forward(request, response);
        }else{
            String errorMsg = "验证码有错误";
            request.setAttribute("errorMsg", errorMsg);
            request.getRequestDispatcher("judgeCode.jsp").forward(request, response);
        }
    }

部分运行效果展示