在网上看见一篇不错的文章，写的详细。

以下内容引用那篇博文。转载于《http://www.cnblogs.com/whgk/p/6426072.html》，在此仅供学习参考之用。

其实实现代码的逻辑非常简单，真的超级超级简单。

　　　　　1、在登录页面上login.jsp将验证码图片使用标签<img src="xxx">将绘制验证码图片的url给它

　　　　　2、在服务器端就两个servlet，一个就是用来绘制验证码图片的VerifyCodeServlet，另一个就是登录时验证验证码是否点写正确或是否重复提交的LoginServlet

　　　　　3、在VerifyCodeServlet中，将验证码的四个字母存入session中，然后在LoginServlet中，将请求中提交过来的验证码与session中的进行对比，如果正确，则验证成功，并且将session中的验证码删除，为什么要删除？保证session中的数据只能被用一次，防止重复提交数据，如果不正确，就使用request，将错误信息保存，然后请求转发到登录页面显示错误信息，如果发现session中的数据为null，说明重复提交了数据，也将错误信息用同样的方法返回到登录页面。

　　　　　难点就在于:VerifyCodeServlet的代码实现.对绘图的代码不是很熟悉。

login.jsp

  <body>

            <%

        String msg = (String)request.getAttribute("msg");

        if(msg != null){

            out.print(msg);

        }

    %>

    <form action="/test01/LoginServlet" method="post">

        用户名：<input type="text" name="username" /> <br/>

        验证码：<input type="text" name="verifyCode" size="5" /> <img src="/test01/VerifyCodeServlet" /> <br/>

        <input type="submit" value="提交"/>

    </form>

  </body>

VerifyCodeServlet.java

    public void doGet(HttpServletRequest request, HttpServletResponse response)

            throws ServletException, IOException {

         //声明验证码

        int width = 60;

        int height = 30;

        String data = "ABCDEFGHJKLMNPQRSTUVWXYZ23456789abcdefghijklmnpqrstuvwxyz";    //随机字符字典，其中0，o，1，I 等难辨别的字符最好不要

        Random random = new Random();//随机类

        //1 创建图片数据缓存区域（核心类）

        BufferedImage image = new BufferedImage(width, height, BufferedImage.TYPE_INT_RGB);//创建一个彩色的图片

        //2 获得画板(图片，ps图层)，绘画对象。

        Graphics g = image.getGraphics();

        //3 选择颜色，画矩形3，4步是画一个有内外边框的效果

        g.setColor(Color.BLACK);

        g.fillRect(0, 0, width, height);

        //4白色矩形

        g.setColor(Color.WHITE);

        g.fillRect(1, 1, width-2, height-2);

        /**1 提供缓存区域，为了存放4个随机字符，以便存入session */

        StringBuilder builder = new StringBuilder();

        //5 随机生成4个字符

                    //设置字体颜色

        g.setFont(new Font("宋体", Font.BOLD&Font.ITALIC, 20));

        for(int i = 0 ; i < 4 ;i ++){

            //随机颜色

            g.setColor(new Color(random.nextInt(255),random.nextInt(255), random.nextInt(255)));

            //随机字符

            int index = random.nextInt(data.length());

            String str = data.substring(index, index + 1);

            /**2 缓存*/

            builder.append(str);

            //写入

            g.drawString(str, (width / 6) * (i + 1) , 20);

        }

        //给图中绘制噪音点，让图片不那么好辨别

        for(int j=0,n=random.nextInt(100);j<n;j++){

            g.setColor(Color.RED);

            g.fillRect(random.nextInt(width),random.nextInt(height),1,1);//随机噪音点

        }

        /**3 获得随机数据，并保存session*/

        String tempStr = builder.toString();

        request.getSession().setAttribute("sessionCacheData",tempStr);

        //.. 生成图片发送到浏览器 --相当于下载

        ImageIO.write(image, "jpg", response.getOutputStream());

    }

LoginServlet.java

    public void doGet(HttpServletRequest request, HttpServletResponse response)

            throws ServletException, IOException {

        //1 获得用户输入的验证码

        String verifyCode = request.getParameter("verifyCode");

        //2 获得服务器session 存放数据 ,如果没有返回null

        String sessionCacheData = (String) request.getSession().getAttribute("sessionCacheData");

        // *将服务器缓存session数据移除

        request.getSession().removeAttribute("sessionCacheData");

        // ** 判断服务器是否存在

        if(sessionCacheData == null){

            request.setAttribute("msg", "请不要重复提交");

            request.getRequestDispatcher("/login.jsp").forward(request, response);

            return;

        }

        //3 比较

        if(! sessionCacheData.equalsIgnoreCase(verifyCode)){

            //用户输入错误

            // * 存放request作用域

            request.setAttribute("msg", "验证码输入错误");

            // * 请求转发

            request.getRequestDispatcher("/login.jsp").forward(request, response);

            return;

        }

        //...... 登录操作

    }

    public void doPost(HttpServletRequest request, HttpServletResponse response)

            throws ServletException, IOException {

        this.doGet(request, response);

    }

}

效果图：

　　　　

　　　　验证码错误时:

　　　　　　

注意：

　　　　如果要拷贝代码的话，需要改就应该就是那几处url，你的肯定跟我的不一样，并且有些人设置的servlet的访问路径也不一样，所以拷贝的话只需要拷贝关键代码即可。

web开发(四) 一次性验证码的代码实现的更多相关文章

  1. Java Web(四) 一次性验证码的代码实现

    其实实现代码的逻辑非常简单,真的超级超级简单. 1.在登录页面上login.jsp将验证码图片使用标签<img src="xxx">将绘制验证码图片的url给它 2.在 ...

  2. web开发四个作用域

    web开发一共有四个作用域,范围从高到低分为appliaction作用域(全局作用域),session作用域,request作用域和page作用域.${base}是el表达式语法,它会自动先从page ...

  3. JFinal Web开发学习(六)验证码验证和注册细节

    效果: 实现了注册界面的验证码验证.确认密码.密码md5加盐加密.C3P0插件数据库操作.读取外部配置文件. 1.在注册页面添加了确认密码输入框,修改了字段名称 <!DOCTYPE html&g ...

  4. 高效Web开发的10个jQuery代码片段（10 JQUERY SNIPPETS FOR EFFICIENT WEB DEVELOPMENT）

    在过去的几年中,jQuery一直是使用最为广泛的JavaScript脚本库.今天我们将为各位Web开发者提供10个最实用的jQuery代码片段,有需要的开发者可以保存起来. 1.检测Internet ...

  5. web开发中，前端javascript代码的组织结构

    网页包含三个层次: 结构(HTML) 表现(CSS) 行为(javascript) web标准中,三者要分离,网页源代码由三部分组成:.html文件..css文件和.js文件.就是说html文件中不应 ...

  6. Jquery学习总结（4）——高效Web开发的10个jQuery代码片段

    在过去的几年中,jQuery一直是使用最为广泛的JavaScript脚本库.今天我们将为各位Web开发者提供10个最实用的jQuery代码片段,有需要的开发者可以保存起来. 1.检测Internet ...

  7. java web开发及Servlet常用的代码

    日志 1.使用门面模式的slfj,并结合log4j,logback. 2.info.debug.error,要写清楚. 3.使用占位符,如下: log.info("用户id为: {} &qu ...

  8. 高效Web开发的10个jQuery代码片段

    原文转载:http://www.codeceo.com/article/10-jquery-snippets-web-dev.html

  9. Springboot 系列（六）Spring Boot web 开发之拦截器和三大组件

    1. 拦截器 Springboot 中的 Interceptor 拦截器也就是 mvc 中的拦截器,只是省去了 xml 配置部分.并没有本质的不同,都是通过实现 HandlerInterceptor ...

随机推荐

  1. 【vuex状态管理】使用步骤

    https://www.jianshu.com/p/33e5fb3f3a86 https://segmentfault.com/a/1190000015782272 写在前面: 1.创建一个store ...

  2. Python time、datetime、os、random、sys、hashlib、json、shutil、logging、paramiko、subprocess、ConfigParser、xml、shelve模块的使用

    文章目录: 1. time & datetime模块 2. os模块 3. random模块 4. sys模块 5. hashlib模块 6. json模块 7. shutil模块 8. lo ...

  3. Linux下内存查看及详解

    在Linux下面,我们常用top命令来查看系统进程,top也能显示系统内存.我们常用的Linux下查看内容的专用工具是free命令. Linux下内存查看命令free详解: 在Linux下查看内存我们 ...

  4. 手机端 设置html上font-size的值 使用rem

    在head标签上加入: (function() { var b = navigator.userAgent; ipad = b.match(/(iPad).*OS\s([\d_]+)/) ? true ...

  5. django admin登陆页出现TypeError at /admin/

    出现此错误的原因主要是,添加多条URL时urlpatterns后面的序列符号写错了,检查所有的urls.py文件将{}改为[]. error: urlpatterns = {} right: urlp ...

  6. Nowcoder Monotonic Matrix ( Lindström–Gessel–Viennot lemma 定理 )

    题目链接 题意 : 在一个 n * m 的矩阵中放置 {0, 1, 2} 这三个数字.要求 每个元素 A(i, j) <= A(i+1, j) && A(i, j) <= ...

  7. Flyway Validate failed: Migration checksum mismatch for migration version 1.0.0.01 错误

    在运行系统的时候出现错误: org.springframework.beans.factory.BeanCreationException: Error creating bean with name ...

  8. 51 Nod 1086 多重背包问题（二进制优化)

    1086 背包问题 V2  基准时间限制:1 秒 空间限制:131072 KB 分值: 40 难度:4级算法题  收藏  关注 有N种物品,每种物品的数量为C1,C2......Cn.从中任选若干件放 ...

  9. Miller Rabin 算法简介

    0.1 一些闲话 最近一次更新是在2019年11月12日.之前的文章有很多问题:当我把我的代码交到LOJ上,发现只有60多分.我调了一个晚上,尝试用{2, 3, 5, 7, 11, 13, 17, 1 ...

  10. Unity3D_(Shuriken粒子系统)制作简单的烟花爆炸效果

    Unity中的粒子系统可以用于制作特效,如开枪火花效果,简单爆炸效果等.(毕竟程序员不是设计师,简单的特效都没有问题,要制作一些非常美观的特效还是需要多了解跟美术有关的知识.) 粒子系统实现一个简单的 ...