验证码思想:所谓验证码就是产生若干随机数,存放到session中,然后在servlet中获取session中的该值与页面输入值相比较,进而判断正误。
 
产生验证码的方法
随机数放在图片中,封装为一个JSP文件,并且将产生的验证码存放到session中。
 
刷新验证码的方法
方法一:点击验证码图片刷新:
验证码封装在JSP文件里,在表单中以图片的方式引入,代码如下:
<img id= "rightcode" src ="number.jsp" style=" cursor: pointer; vertical-align :middle;" onclick="javascript:this.src='number.jsp?'+Math.random()*10000;" />
点击换一张验证码,本质就是将验证码的src刷新一下,上一行代码中通过点击事件来刷新src.
方法二:可以在验证码后面加链接文字,通过JS实现点击刷新验证码的src。
如:
<script language= "JAVASCRIPT">
      /*点击换一张验证码,本质就是将验证码的src刷新一下*/
     function cg(){                                       
          document.getElementById( "rightcode" ).src = 'number2.jsp?' +Math.random()*10000;
     }
</ script>
<a href= "javascript:cg();">换一张 </a>
 
 
 
 
产生版本一验证码文件number.jsp代码如下:
<%@ page contentType= "image/jpeg" language ="java"
import="java.util.*,java.awt.*,java.awt.image.*,javax.imageio.*" pageEncoding= "utf-8"%>  
<%! 
    Color getRandColor( int fc,int bc){ 
        Random random = new Random(); 
        if(fc > 255){ 
            fc = 255; 
        } 
        if(bc < 255){ 
            bc = 255; 
        } 
        int r = fc +random.nextInt(bc-fc); 
        int g = fc +random.nextInt(bc-fc); 
        int b = fc +random.nextInt(bc-fc);          
        return new Color(r,g,b); 
    } 
%> 
 
<%  
    //设置页面不缓存 
    response.setHeader( "Pragma","no-cache" ); 
    response.setHeader( "Cache-Control","no-catch" ); 
    response.setDateHeader( "Expires",0); 
     
    //在内存中创建图象 
    int width = 60; 
    int height = 20; 
    BufferedImage image = new BufferedImage(width,height,BufferedImage.TYPE_INT_RGB); 
     
    //创建图象 
    Graphics g = image.getGraphics(); 
    //生成随机对象 
    Random random = new Random(); 
    //设置背景色 
    g.setColor(getRandColor(200,250)); 
    g.fillRect(0,0,width,height); 
    //设置字体 
    g.setFont(new Font( "Tines Nev Roman",Font.PLAIN,18)); 
    //随机产生干扰线 
    g.setColor(getRandColor(160,200)); 
    for(int i = 0; i < 255; i++){ 
        int x = random.nextInt(width); 
        int y = random.nextInt(height); 
        int xl = random.nextInt(12); 
        int yl = random.nextInt(12); 
    } 
    //随机产生认证码,4位数字 
    String sRand = ""; 
    for(int i = 0; i < 4; i++){ 
        String rand = String.valueOf(random.nextInt(10)); 
        sRand  += rand; 
        //将认证码显示到图象中 
        g.setColor( new Color(20 + random.nextInt(110),20 + random.nextInt(110),20 + random.nextInt(110))); 
        g.drawString(rand,13*i+6,16); 
    } 
    /*把产生的验证码放到session中,在LoginServlet中获得该值与输入的验证码值进行比较*/
    session.setAttribute( "jpgCode",sRand); 
    //图像生效 
    g.dispose(); 
    //输出图像到页面 
    ImageIO.write(image,"JPEG" ,response.getOutputStream()); 
    out.clear(); 
    out = pageContext.pushBody(); 
%>
 
LoginServlet中获取值:
String incode = request.getParameter( "code");  
Object rightcode = request.getSession().getAttribute("jpgCode" );
进过比较二者的值是否一样,从而进行页面的跳转。 
 
 
产生版本二验证码文件number.jsp代码如下:
<%@ page language="java"  pageEncoding="UTF-8"   %>
<%@ page contentType= "image/jpeg" 
import="java.awt.*,java.awt.image.*,java.util.*,javax.imageio.*" %>
<%!
    Color getRandColor( int fc, int bc) {//给定范围获得随机颜色
          Random random = new Random();
           if (fc > 255)
              fc = 255;
           if (bc > 255)
              bc = 255;
           int r = fc + random.nextInt(bc - fc);
           int g = fc + random.nextInt(bc - fc);
           int b = fc + random.nextInt(bc - fc);
           return new Color(r, g, b);
     }
%>
<%
     //设置页面不缓存
     response.setHeader( "Pragma", "No-cache" );
     response.setHeader( "Cache-Control", "no-cache" );
     response.setDateHeader( "Expires", 0);
 
     //生成随机验证码
     Random random = new Random();
     String sRand = "";
     for ( int i = 0; i < 4; i++) {
          String rand = String.valueOf(random.nextInt(10));
          sRand += rand;
     }
    /*把产生的验证码放到session中,在LoginServlet中获得该值与输入的验证码值进行比较*/
     session.setAttribute( "jpgCode", sRand);
 
     // 在内存中创建图象
     int width = 55;
     int height = 20;
     BufferedImage image = new BufferedImage(width, height,
              BufferedImage.TYPE_INT_RGB);
 
     // 获取图形上下文
     Graphics g = image.getGraphics();
 
     // 设定背景色
     g.setColor(getRandColor(200, 250));
     g.fillRect(0, 0, width, height);
 
     //设定字体
     g.setFont( new Font("serif" , Font.CENTER_BASELINE, 16));
 
     //画边框
     g.setColor( new Color(1));
     g.drawRect(0,0,width-1,height-1);
 
     // 随机产生155条干扰线,使图象中的认证码不易被其它程序探测到
     g.setColor(getRandColor(160, 200));
     for ( int i = 0; i < 100; i++) {
           int x = random.nextInt(width);
           int y = random.nextInt(height);
           int xl = random.nextInt(12);
           int yl = random.nextInt(12);
          g.drawLine(x, y, x + xl, y + yl);
     }
 
     for ( int i = 0; i < 4; i++) {
          String rand = sRand.substring(i, i + 1);
           // 将认证码显示到图象中
          g.setColor( new Color(20 + random.nextInt(110), 20 + random
                   .nextInt(110), 20 + random.nextInt(110)));
           //调用函数出来的颜色相同,可能是因为种子太接近,所以只能直接生成
          g.drawString(rand, 13 * i + 6, 16);
     }
 
     // 图象生效
     g.dispose();
 
     // 输出图象到页面
     try {
          ImageIO.write(image, "JPEG", response.getOutputStream());
     } catch (Exception e) {
     }
     out.clear();
     out = pageContext.pushBody();
%>
 
 
 
产生版本三验证码文件number.jsp代码同版本二:
在引用页面加刷新事件,可以点击刷新验证码。
部分代码如下:
<script language= "JAVASCRIPT">
      /*点击换一张验证码,本质就是将验证码的src刷新一下*/
     function cg(){                                       
          document.getElementById( "rightcode" ).src = 'number2.jsp?' +Math.random()*10000;
     }
</ script>
<div class= "field">
     <label>< span class ="red"> *</span>验证码 </label>
     <span>
         <input type= "text" name ="code" id="code" class="yzm">
         <img id= "rightcode" src="number.jsp" style=" cursor: pointer; vertical-align:middle ;" onclick="javascript:this.src='number.jsp?'+Math.random()*10000;" />
         <a href= "javascript:cg();">换一张 </a>
     </span>
</div>
 
 
 
 
 
 
 
 

Servlet程序中玩验证码的更多相关文章

  1. SSH实战 · SSH项目中怎么玩验证码

    大致思路与之前servlet中玩验证码类似,生成随机数,产生干扰线,画到图片上,保存到session中. 本人习惯用的时候专门写一个验证码的action:CheckImgAction. step1: ...

  2. 【转】在Eclipse中建立第一个Servlet程序

    转载地址:http://kin111.blog.51cto.com/738881/163354 继上篇在Eclipse中搭好了tomcat环境后,我们建立一个最简单的servlet程序,这个serve ...

  3. [Linux] PHP程序员玩转Linux系列-Nginx中的HTTPS

    1.PHP程序员玩转Linux系列-怎么安装使用CentOS 2.PHP程序员玩转Linux系列-lnmp环境的搭建 3.PHP程序员玩转Linux系列-搭建FTP代码开发环境 4.PHP程序员玩转L ...

  4. servlet中生成验证码

    在servlet中生成验证码 package login; import java.awt.Color; import java.awt.Graphics; import java.awt.image ...

  5. Servlet笔记2--模拟Servlet本质、第一个Servlet程序、将响应结果输出到浏览器中

    以下代码均非IDE开发,所以都不规范,仅供参考 模拟Servlet本质: 模拟Servlet接口: /* SUN公司制定的JavaEE规范:Servlet规范 Servlet接口是Servlet规范中 ...

  6. JAVA WEB项目中生成验证码及验证实例(附源码及目录结构)

    [我是一个初学者,自己总结和网上搜索资料,代码是自己敲了一遍,亲测有效,现将所有的目录结构和代码贴出来分享给像我一样的初学者] 作用 验证码为全自动区分计算机和人类的图灵测试的缩写,是一种区分用户是计 ...

  7. Servlet实现数字字母验证码图片(二)

    Servlet实现数字字母验证码图片(二): 生成验证码图片主要用到了一个BufferedImage类,如下:

  8. Web UI自动化测试中绕开验证码登陆方式浅谈

    web自动化测试中让测试者感到困惑的是登陆验证码,每次都不一样.现在推荐一种绕开验证码登陆的方式,其实就是将web浏览器获取的登陆cookie加载到程序中就可以了,这样程序就会认为你已经登陆,就可以跳 ...

  9. 可视化(番外篇)——在Eclipse RCP中玩转OpenGL

    最近在看有关Eclipse RCP方面的东西,鉴于Gephi是使用opengl作为绘图引擎,所以,萌生了在Eclipse RCP下添加画布,使用opengl绘图的想法,网上有博文详细介绍这方面的内容, ...

随机推荐

  1. artTemplate-master的应用

    刚开始,在没有使用这个模板之前,一致都是后台返回一个json的字符串,来在前端自己拼接字符串,不但麻烦,而且费时费力,而且还有时候经常拼接错误!导致了工作效率的延长 js模板的使用 <scrip ...

  2. css3选择器

    原网站 cnblogs.com/tianshang/p/5982513.html通配符选择器 通配选择器的作用就是对页面上所有的元素都生效, 页面上的所有标签都会展示出通配符选择器设定的样式. 这样的 ...

  3. [spring源码学习]七、IOC源码-Context

    一.代码实例 如之前介绍的,spring中ioc是它最为核心的模块,前边花了大量时间分析spring的bean工厂和他如何生成bean,可是在我们实际应用中,很少直接使用beanFactory,因为s ...

  4. js 实现表格的可编辑状态

    实现表格的可编辑,点击修改以后可以编辑,代码如下: <!DOCTYPE HTML> <html> <head> <meta charset="utf ...

  5. Java并发编程基础--基本线程方法详解

    什么是线程 线程是操作系统调度的最小单位,一个进程中可以有多个线程,这些线程可以各自的计数器,栈,局部变量,并且能够访问共享的内存变量.多线程的优势是可以提高响应时间和吞吐量. 使用多线程 一个进程正 ...

  6. 【转】bash 参数展开(Parameter Expansion)

    转自:http://www.360doc.com/content/13/0513/20/9437165_285204629.shtml ${parameter} 取parameter的值 ${para ...

  7. Cordova 3.x入门 - 目录

    这个系列是基于Cordova 3.x的,很多Android的东西都是Eclipse ADT+Ant的,而目前Android的开发已经完全切换到了Android Studio+Gradle,需要大家特别 ...

  8. Flask_more1

    #DB ``` import os basedir = os.path.abspath(os.path.dirname(__file__))   SQLALCHEMY_DATABASE_URI = ' ...

  9. [BZOJ4200][Noi2015]小园丁与老司机

    4200: [Noi2015]小园丁与老司机 Time Limit: 20 Sec  Memory Limit: 512 MBSec  Special JudgeSubmit: 106  Solved ...

  10. [Android] Shape背景制作半圆或半边框

    实现原理使用layer-list对shape进行叠加显示. 直接上代码: <layer-list xmlns:android="http://schemas.android.com/a ...