牛骨文教育服务平台(让学习变的简单)

众所周知,验证码在我们的生活中都是非常常见的,很多公司都在各种折腾各种各样的验证码,这里简要的用一个小案例来实现验证码的功能(ps:其实我挺讨厌验证码这个东西的)。

建立一个javaweb工程,新建login.html,在里面主要是写界面,代码实现如下,写在body区就可以了,来一个表单验证

<body>  
    <form action="">  
        username:<input/><br/>  
        password:<input/><br/>  
        验证码:<input name="code"/><img id="image1" src="/day08_response/servlet/responseDemo4"/>  
            <input type="button" value="看不清,换一张" onclick="change()"/>  
        <br/>  
        <input type="submit" value="登陆"/>  
    </form>  
    <script type="text/javascript">  
        function change(){  
            var imageObj = document.getElementById("image1");  
            //地址一样,浏览器不会发出请求  
            imageObj.src="/day08_response/servlet/responseDemo4?time="+new Date().getTime();  
        }  
    </script>  
  </body>

然后我们需要新建一个servlet类,实现验证码我们可以有两种方式,一种是自己写,如下:颜色可以直接配置就好,好吧,鉴于我的审美观有限,貌似这种颜色搭配起来挺丑的。

private void test1(HttpServletResponse response) throws IOException {  
        int width=110;  
        int height=25;  
        //1构建一幅内存图片BufferedImage  
        BufferedImage bi=new BufferedImage(width, height, BufferedImage.TYPE_INT_BGR);  
          
        //3.图片上的画笔  
        Graphics g=bi.getGraphics();  
        g.setColor(Color.green);  
        g.drawRect(0, 0, width, height);   //画矩形边线  
          
        //4填充背景色  
        g.setColor(Color.gray);  
        g.fillRect(1, 1, width, height);  
          
        //5干扰线  
        g.setColor(Color.yellow);  
        Random r=new Random();  
        for(int i=0;i<20;i++)  
            g.drawLine(r.nextInt(width), r.nextInt(height),r.nextInt(width), r.nextInt(height));  
          
        //6数字验证码  
        g.setColor(Color.BLACK);  
        g.setFont(new Font("宋体",Font.BOLD|Font.ITALIC,13));//加粗倾斜  
        int x=20;  
        for(int i=0;i<4;i++){  
            g.drawString(r.nextInt(10)+"",x,20);  
            x+=20;  
        }     
        //2输出响应对象的字节流输出流  
        ImageIO.write(bi, "jpg", response.getOutputStream());  
    }

还有一种方法可以使用,开源框架validate.jar,导入这个jar包,两行代码就可以搞定,当然了,如果你想要更好的效果,你可以自己写或者看里面的.class中的源码,自己进行修改,这里就不在多废话了。

//开源框架实现  
        ValidateCode vc=new ValidateCode(110, 25, 4, 30);//第一个参数是宽,第二个是高,第三个是验证码的数目,第四个是干扰线的条数  
        vc.write(response.getOutputStream());  

最后,我们还需要清除一下浏览器的缓存,我们都知道,清除缓存当然是用那三种方法啦。

//清除缓存  
        response.setIntHeader("Expires", -1);  
        response.setHeader("Cache-Control", "no-cache");  
        response.setHeader("Pragma", "no-cache");

哦?你还不满意,好吧,那我们再加一个定时刷新的功能吧!

第一种刷新方式是直接刷新:

private void test1(HttpServletResponse response) throws IOException {  
        response.setIntHeader("Refresh", 1);//单位是秒  
        Random r = new Random();  
        response.getWriter().write(r.nextInt()+"");  
    }

当然,我们还可以来那种倒计时几秒钟就跳转到其他页面的这种效果,

//刷新到别处  
    private void test2(HttpServletResponse response) throws IOException {  
        response.setContentType("text/html;charset=UTF-8");  
        response.getWriter().write("注册成功!2秒后自动转向登陆页面。");  
        response.setHeader("Refresh", "2;URL=/day08_response/login.html");//单位是秒  
    }

下面再来说一下控制浏览器缓存时间的实现方法:

response.setDateHeader("Expires", System.currentTimeMillis()+1*60*60*1000);//取值是一个毫秒值。如果该值小于当前时间,则不缓存。  
                                                //如果大于当前时间,缓存的时间是:值-当前时间。  
        response.getWriter().write("hello"); 

好吧,基本上说完了,将以上知识整个起来就可以实现你的一个项目的功能了,快去试试吧!