验证码

最新推荐文章于 2024-04-24 15:28:32 发布

剑花烟雨寒

最新推荐文章于 2024-04-24 15:28:32 发布

阅读量87

点赞数 1

原文链接：https://www.cnblogs.com/whgk/p/6426072.html

版权

转载于《http://www.cnblogs.com/whgk/p/6426072.html》，在此仅供学习参考之用。

1.代码逻辑分析
(1)在登录页面上login.jsp将验证码图片使用标签将绘制验证码图片的url给它

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

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

2.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>

## 3.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());
}

4.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);
	    }
}

5.效果图

在这里插入图片描述

剑花烟雨寒

关注

1
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
验证码

转载于《http://www.cnblogs.com/whgk/p/6426072.html》，在此仅供学习参考之用。1.代码逻辑分析(1)在登录页面上login.jsp将验证码图片使用标签将绘制验证码图片的url给它(2)在服务器端就两个servlet，一个就是用来绘制验证码图片的VerifyCodeServlet，另一个就是登录时验证验证码是否点写正确或是否重复提交的LoginServlet(3)在VerifyCodeServlet中，将验证码的四个字母存入session中，然后在LoginSe
复制链接

扫一扫