MyException - 我的异常网
当前位置:我的异常网» JavaScript » Jsp打造验证码

Jsp打造验证码

www.MyException.Cn  网友分享于:2013-08-22  浏览:0次
Jsp制作验证码

  验证码

  验证码(CAPTCHA)是“Completely Automated Public Turing test to tell Computers and Humans Apart”(全自动区分计算机和人类的图灵测试)的缩写,是一种区分用户是计算机还是人的公共全自动程序。可以防止:恶意破解密码、刷票、论坛灌水,有效防止某个黑客对某一个特定注册用户用特定程序暴力破解方式进行不断的登陆尝试,实际上用验证码是现在很多网站通行的方式,我们利用比较简易的方式实现了这个功能。这个问题可以由计算机生成并评判,但是必须只有人类才能解答。由于计算机无法解答CAPTCHA的问题,所以回答出问题的用户就可以被认为是人类。

   Jsp制作验证码

  运行环境:tomcat+eclipse+jdk

  基本思想:现在Servlet上画出验证码的图片,让其显示到页面上,再用js方法能刷新验证码,可以用ajax得到用户输入的值经过servlet跟验证码比对判断是否,并符合提示用户

  基本方法:  

      • BufferedImage: 

          • Image是一个抽象列,BufferedImage是Image的实现。
            Image和BufferedImage的主要作用就是将一副图片加载到内存中。
            Java将一副图片加载到内存中的方法是:
            Java代码
            String imgPath = "d:/demo.jpg";
            BufferedImage image = ImageIO.read(new FileInputStream(imgPath));
            该方法可以获得图片的详细信息,例如:获得图片的宽度:image.getWidth(null);图片只有加载内存中才能对图片进行进一步的处理。
      • Graphics: 
        • Graphics类提供基本的几何图形绘制方法,主要有:画线段、画矩形、画圆、画带颜色的图形、画椭圆、画圆弧、画多边形等,具体操作其内容我推荐可以看看使用Java的Graphics类进行绘图的方法详解

  验证码的代码实现

  我这里做的验证码是显示中文的,可以在servlet中修改想要显示的是数字还是字母还是结合的,可以用数组存放这些,也可以转换ASCII码经行随机数字,看个人喜好

  先是做一个jsp中的验证码的地方

<div class="row cl">
        <div>
          <input  type="text" placeholder="验证码"  value="验证码:"  onblur="testCheck(this.value);">
          <img id="pic" src="CheckTestServlet"> <a id="kanbuq"  onClick="Checktest();">看不清,换一张</a> </div>
 </div>

  在做一个Servlet叫做CheckTestServlet.java

@WebServlet("/CheckTestServlet")
public class CheckTestServlet extends HttpServlet {
    private static final long serialVersionUID = 1L;
       
    
    protected void doGet(HttpServletRequest request, HttpServletResponse response) throws ServletException, IOException {
                    //这个方法实现验证码的生成
                    response.setCharacterEncoding("utf-8");
                    //创建图片缓冲区设置其大小    BufferedImage(int width,  int height, int imageType) 
                  BufferedImage bImage=new BufferedImage(100, 30, BufferedImage.TYPE_3BYTE_BGR);
                  //在缓冲区上创建画布
                  Graphics g=bImage.getGraphics();
                  //设置背景颜色
                  g.setColor(Color.orange);
                  //创建画布矩形,位置(0,0)点,大小100,30
                  g.fillRect(0, 0, 100, 30);
                  //创建随机对象
                  Random r=new Random();
                  int index;//存放随机数
                  //得到的文字东西存放处
                  StringBuffer sBuffer=new StringBuffer();
                  //循环产生四个字
                  for (int i = 0; i < 4; i++) {
                      //中文字的第一个十六进制码为4e00转十进制是19968,最后一个是9fa0十进制为40869,所以可以产生在此之间的随机数
                      index=r.nextInt(40869-19968+1)+19968;//产生随机数字
                      //设置随机颜色,
                      g.setColor(new Color(r.nextInt(255), r.nextInt(255), r.nextInt(255)));
                      //设置文字的类型,大小
                      g.setFont(new Font("", Font.BOLD, 20));
                      /*画字,将随机数字转换成十六进制Integer.toHexString(index),16)再转换字符(char)(Integer.parseInt,
                      在设置每个文字的位置
                      */
                      g.drawString((char)(Integer.parseInt(Integer.toHexString(index),16))+"", i*22+4, 18);
                     //将其存放在StringBuffer中,以便后面读取作比较
                      sBuffer.append((char)(Integer.parseInt(Integer.toHexString(index),16)));
                }
                  //将得到的文字设置到session中
                  request.getSession().setAttribute("piccode", sBuffer.toString());
                  /*将这个验证码图片读写到页面中
                   * write(RenderedImage im, String formatName, OutputStream output)
                */                  
                  ImageIO.write(bImage, "jpg", response.getOutputStream());
    }

    protected void doPost(HttpServletRequest request, HttpServletResponse response) throws ServletException, IOException {
        // TODO Auto-generated method stub
        doGet(request, response);
    }

  在做一个js刷新验证码的,用于看不清,或者别的刷新用处

    function Checktest(){
         var time=new Date().getTime();
        $("#pic").attr('src',"CheckTestServlet?d="+time)
    }

  再写一个Ajax去验证用户输入的是否正确返回提示,这是用jQuery做的,需要引js

function testCheck(num){
        $.ajax({
            type:"post",//提交方式
            url:"TestCheckServlet",//提交地址
            async:true,//是否异步请求
            dataType:"html",//返回类型
            data:{"num":num},//传过去的值
            success:function(data,textStatus){//成功执行的方法
                $("#checks").html(data)
            },
            error:function(){//失败执行的方法
                alert("error");
            }
        })
    } 

  有点麻烦的再去做一个Servlet去验证Ajax传过来的值是否匹配验证码

@WebServlet("/TestCheckServlet")
public class TestCheckServlet extends HttpServlet {
    private static final long serialVersionUID = 1L;
   
    protected void doGet(HttpServletRequest request, HttpServletResponse response) throws ServletException, IOException {
        response.setCharacterEncoding("utf-8");
        PrintWriter out=response.getWriter();
        //得到输入的验证码与随机的图片验证码作比较,判断是否相等,返回提示用户,
        if (request.getSession().getAttribute("piccode").toString().equals(request.getParameter("num"))) {
            out.println("验证码正确");
        }else {
            out.println("验证码错误");
        }
    }


    protected void doPost(HttpServletRequest request, HttpServletResponse response) throws ServletException, IOException {
        // TODO Auto-generated method stub
        doGet(request, response);
    }

}

就这样验证码已经基本搞定,其中还有许多需要修改的内容,花样,根据需求而来

 

   【版本声明】 转载请注释出处   

文章评论

我是如何打败拖延症的
我是如何打败拖延症的
程序员的一天:一寸光阴一寸金
程序员的一天:一寸光阴一寸金
那些争议最大的编程观点
那些争议最大的编程观点
2013年美国开发者薪资调查报告
2013年美国开发者薪资调查报告
程序员和编码员之间的区别
程序员和编码员之间的区别
不懂技术不要对懂技术的人说这很容易实现
不懂技术不要对懂技术的人说这很容易实现
十大编程算法助程序员走上高手之路
十大编程算法助程序员走上高手之路
当下全球最炙手可热的八位少年创业者
当下全球最炙手可热的八位少年创业者
老美怎么看待阿里赴美上市
老美怎么看待阿里赴美上市
每天工作4小时的程序员
每天工作4小时的程序员
为啥Android手机总会越用越慢?
为啥Android手机总会越用越慢?
我的丈夫是个程序员
我的丈夫是个程序员
60个开发者不容错过的免费资源库
60个开发者不容错过的免费资源库
Web开发人员为什么越来越懒了?
Web开发人员为什么越来越懒了?
 程序员的样子
程序员的样子
Java程序员必看电影
Java程序员必看电影
程序员必看的十大电影
程序员必看的十大电影
程序员都该阅读的书
程序员都该阅读的书
程序员眼里IE浏览器是什么样的
程序员眼里IE浏览器是什么样的
初级 vs 高级开发者 哪个性价比更高?
初级 vs 高级开发者 哪个性价比更高?
旅行,写作,编程
旅行,写作,编程
编程语言是女人
编程语言是女人
漫画:程序员的工作
漫画:程序员的工作
10个帮程序员减压放松的网站
10个帮程序员减压放松的网站
“懒”出效率是程序员的美德
“懒”出效率是程序员的美德
那些性感的让人尖叫的程序员
那些性感的让人尖叫的程序员
2013年中国软件开发者薪资调查报告
2013年中国软件开发者薪资调查报告
写给自己也写给你 自己到底该何去何从
写给自己也写给你 自己到底该何去何从
做程序猿的老婆应该注意的一些事情
做程序猿的老婆应该注意的一些事情
什么才是优秀的用户界面设计
什么才是优秀的用户界面设计
总结2014中国互联网十大段子
总结2014中国互联网十大段子
Web开发者需具备的8个好习惯
Web开发者需具备的8个好习惯
如何区分一个程序员是“老手“还是“新手“?
如何区分一个程序员是“老手“还是“新手“?
程序猿的崛起——Growth Hacker
程序猿的崛起——Growth Hacker
聊聊HTTPS和SSL/TLS协议
聊聊HTTPS和SSL/TLS协议
“肮脏的”IT工作排行榜
“肮脏的”IT工作排行榜
科技史上最臭名昭著的13大罪犯
科技史上最臭名昭著的13大罪犯
要嫁就嫁程序猿—钱多话少死的早
要嫁就嫁程序猿—钱多话少死的早
Google伦敦新总部 犹如星级庄园
Google伦敦新总部 犹如星级庄园
代码女神横空出世
代码女神横空出世
程序员最害怕的5件事 你中招了吗?
程序员最害怕的5件事 你中招了吗?
5款最佳正则表达式编辑调试器
5款最佳正则表达式编辑调试器
10个调试和排错的小建议
10个调试和排错的小建议
一个程序员的时间管理
一个程序员的时间管理
程序员的鄙视链
程序员的鄙视链
亲爱的项目经理,我恨你
亲爱的项目经理,我恨你
鲜为人知的编程真相
鲜为人知的编程真相
老程序员的下场
老程序员的下场
中美印日四国程序员比较
中美印日四国程序员比较
软件开发程序错误异常ExceptionCopyright © 2009-2015 MyException 版权所有