Java WEB项目如何实现验证码

最新推荐文章于 2024-04-02 07:30:00 发布

辰小狼睡不醒

最新推荐文章于 2024-04-02 07:30:00 发布

阅读量1.7w

点赞数 12

分类专栏： java web 文章标签：验证码 java web servlet

本文链接：https://blog.csdn.net/chenfengbao/article/details/62424279

版权

java web 专栏收录该内容

1 篇文章 0 订阅

订阅专栏

验证基础
一.什么是验证码及验证码的作用
验证码为全自动区分计算机和人类的图灵测试的缩写。是一种区分用户还是计算机的全自动程序，这个问题可以由计算机生成并进行判断，但是只有人类才可以解答。可以防止恶意破解密码，刷票，论坛灌水，有效防止某个黑客对某一个特定注册用户限定程序暴力破解方式进行不断登陆。
二.图文验证的原理
在servlet中随机生成一个指定位置的验证码，一般是四位或者六位。然后把该验证码保存到session中，再通过java绘制类图以图片的形式输出该验证码。为了增加验证码的安全级别，可以输出图片的同时输出干扰线，最后在用户提交数据的时候，在服务器将用户提交的验证码和Session保存的验证码进行比较。
三.验证码所需要的技术
因为验证码中的文字，数字，应该是可变的，故要用到随机生成技术。
如果验证码中包含数字，则要用到数字生成技术。
可以使用Ajax技术实现局部刷新
可以使用图片的缩放和旋转技术
随机绘制干扰线，可以是直线，折线
如果考虑到验证码的安全性，可以使用MD5加密
下面是一个简单的demo,和截图：
项目结构目录
验证码验证页面
验证码验证成功页面
验证码输入有误

1.编写生成英文字母，数字，汉字，随机生成的Servlet类，源码如下：

package com.servlet;

import java.awt.BasicStroke;
import java.awt.Color;
import java.awt.Font;
import java.awt.Graphics;
import java.awt.Graphics2D;
import java.awt.geom.AffineTransform;
import java.awt.geom.Line2D;
import java.awt.image.BufferedImage;
import java.io.IOException;
import java.util.Random;

import javax.imageio.ImageIO;
import javax.servlet.ServletException;
import javax.servlet.http.HttpServlet;
import javax.servlet.http.HttpServletRequest;
import javax.servlet.http.HttpServletResponse;
import javax.servlet.http.HttpSession;

/** 
 * @author :辰
 * 创建时间：2017-3-16 下午2:41:41 
 *  
 */
public class PictureCheckCode extends HttpServlet {

    private static final long serialVersionUID = 1L;  

    public PictureCheckCode() {  
        super();  
    }  

    public void destroy() {  
        super.destroy();   
    }  

    public void init() throws ServletException {  
        super.init();  
    }  
    /*该方法主要作用是获得随机生成的颜色*/   
    public Color getRandColor(int s,int e){  
        Random random=new Random ();  
        if(s>255) s=255;  
        if(e>255) e=255;  
        int r,g,b;  
        r=s+random.nextInt(e-s);    //随机生成RGB颜色中的r值  
        g=s+random.nextInt(e-s);    //随机生成RGB颜色中的g值  
        b=s+random.nextInt(e-s);    //随机生成RGB颜色中的b值  
        return new Color(r,g,b);  
    }  

    @Override  
    public void service(HttpServletRequest request, HttpServletResponse response)  
            throws ServletException, IOException {  
        //设置不缓存图片  
        response.setHeader("Pragma", "No-cache");  
        response.setHeader("Cache-Control", "No-cache");  
        response.setDateHeader("Expires", 0);  
        //指定生成的响应图片,一定不能缺少这句话,否则错误.  
        response.setContentType("image/jpeg");  
        int width=86,height=22;     //指定生成验证码的宽度和高度  
        BufferedImage image=new BufferedImage(width,height,BufferedImage.TYPE_INT_RGB); //创建BufferedImage对象,其作用相当于一图片  
        Graphics g=image.getGraphics();     //创建Graphics对象,其作用相当于画笔  
        Graphics2D g2d=(Graphics2D)g;       //创建Grapchics2D对象  
        Random random=new Random();  
        Font mfont=new Font("楷体",Font.BOLD,16); //定义字体样式  
        g.setColor(getRandColor(200,250));  
        g.fillRect(0, 0, width, height);    //绘制背景  
        g.setFont(mfont);                   //设置字体  
        g.setColor(getRandColor(180,200));  

        //绘制100条颜色和位置全部为随机产生的线条,该线条为2f  
        for(int i=0;i<100;i++){  
            int x=random.nextInt(width-1);  
            int y=random.nextInt(height-1);  
            int x1=random.nextInt(6)+1;  
            int y1=random.nextInt(12)+1;  
            BasicStroke bs=new BasicStroke(2f,BasicStroke.CAP_BUTT,BasicStroke.JOIN_BEVEL); //定制线条样式  
            Line2D line=new Line2D.Double(x,y,x+x1,y+y1);  
            g2d.setStroke(bs);  
            g2d.draw(line);     //绘制直线  
        }  
        //输出由英文，数字，和中文随机组成的验证文字，具体的组合方式根据生成随机数确定。  
        String sRand="";  
        String ctmp="";  
        int itmp=0;  
        //制定输出的验证码为四位  
        for(int i=0;i<4;i++){  
            switch(random.nextInt(3)){  
            case 1:     //生成A-Z的字母  
                itmp=random.nextInt(26)+65;  
                ctmp=String.valueOf((char)itmp);  
                break;  
            case 2:     //生成汉字  
                String[] rBase={"0","1","2","3","4","5","6","7","8","9","a","b","c","d","e","f"};   
                //生成第一位区码  
                int r1=random.nextInt(3)+11;  
                String str_r1=rBase[r1];  
                //生成第二位区码  
                int r2;  
                if(r1==13){  
                    r2=random.nextInt(7);     
                }else{  
                    r2=random.nextInt(16);  
                }  
                String str_r2=rBase[r2];  
                //生成第一位位码  
                int r3=random.nextInt(6)+10;  
                String str_r3=rBase[r3];  
                //生成第二位位码  
                int r4;  
                if(r3==10){  
                    r4=random.nextInt(15)+1;  
                }else if(r3==15){  
                    r4=random.nextInt(15);  
                }else{  
                    r4=random.nextInt(16);  
                }  
                String str_r4=rBase[r4];  
                //将生成的机内码转换为汉字  
                byte[] bytes=new byte[2];  
                //将生成的区码保存到字节数组的第一个元素中  
                String str_12=str_r1+str_r2;  
                int tempLow=Integer.parseInt(str_12, 16);  
                bytes[0]=(byte) tempLow;  
                //将生成的位码保存到字节数组的第二个元素中  
                String str_34=str_r3+str_r4;  
                int tempHigh=Integer.parseInt(str_34, 16);  
                bytes[1]=(byte)tempHigh;
                /**
                 * 汉字显示
                 */
                //              ctmp=new String(bytes);  
                ctmp = new String(bytes,"gb2312");
                break;  
            default:  
                itmp=random.nextInt(10)+48;  
                ctmp=String.valueOf((char)itmp);  
                break;  
            }  
            sRand+=ctmp;  
            Color color=new Color(20+random.nextInt(110),20+random.nextInt(110),random.nextInt(110));  
            g.setColor(color);  
            //将生成的随机数进行随机缩放并旋转制定角度 PS.建议不要对文字进行缩放与旋转,因为这样图片可能不正常显示  
            /*将文字旋转制定角度*/  
            Graphics2D g2d_word=(Graphics2D)g;  
            AffineTransform trans=new AffineTransform();  
            trans.rotate((45)*3.14/180,15*i+8,7);  
            /*缩放文字*/  
            float scaleSize=random.nextFloat()+0.8f;  
            if(scaleSize>1f) scaleSize=1f;  
            trans.scale(scaleSize, scaleSize);  
            g2d_word.setTransform(trans);  
            g.drawString(ctmp, 15*i+18, 14);  
        }  
        HttpSession session=request.getSession(true);  
        session.setAttribute("randCheckCode", sRand);  
        g.dispose();    //释放g所占用的系统资源  
        ImageIO.write(image,"JPEG",response.getOutputStream()); //输出图片  
    }  

}

web.xml文件配置：

<?xml version="1.0" encoding="UTF-8"?>
<web-app version="2.5" 
    xmlns="http://java.sun.com/xml/ns/javaee" 
    xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance" 
    xsi:schemaLocation="http://java.sun.com/xml/ns/javaee 
    http://java.sun.com/xml/ns/javaee/web-app_2_5.xsd">
  <display-name></display-name>

  <servlet>
    <servlet-name>PictureCheckCode</servlet-name>
    <servlet-class>com.servlet.PictureCheckCode</servlet-class>
  </servlet>

  <servlet-mapping>
    <servlet-name>PictureCheckCode</servlet-name>
    <url-pattern>/PictureCheckCode</url-pattern>
  </servlet-mapping>    

  <welcome-file-list>
    <welcome-file>index.jsp</welcome-file>
  </welcome-file-list>
</web-app>

3.测试验证码，编写JSP页面来验证是否可以输出验证图片，JSP代码如下：

<%@ page language="java" import="java.util.*" pageEncoding="UTF-8"%>  

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">  
<html>  
    <head>  
        <title>验证码</title>  
        <script language="javascript">  
function myReload() {  
    document.getElementById("CreateCheckCode").src = document  
            .getElementById("CreateCheckCode").src  
            + "?nocache=" + new Date().getTime();  
}  
</script>  
    </head>  

    <body>  
        <form action="Check.jsp" method="post">  
            <input name="checkCode" type="text" id="checkCode" title="验证码区分大小写"  
                size="8" ,maxlength="4" />  
            <img src="PictureCheckCode" id="CreateCheckCode" align="middle">  
            <a href="" onclick="myReload()"> 看不清,换一个</a>  
            <input type="submit" value="提交" />  
        </form>  
    </body>  
</html>

Check.jsp，主要验证提交的数据是否和session中保存的验证码是否一致

<%@ page language="java" import="java.util.*" pageEncoding="UTF-8"%>  
<html>  
  <head>  
    <title>验证码校验</title>  
  </head>  

  <body>  
    <%  
        String checkcode=request.getParameter("checkCode");  
        if(checkcode.equals("")||checkcode==null){  
            out.print("<script>alert('请输入验证码');window.location.href('index.jsp')</script>");  
        }else{  
            if(!checkcode.equalsIgnoreCase((String)session.getAttribute("randCheckCode"))){  
                out.print("<script>alert('验证码不正确,请重新输入');history.back(-1);</script>");  
            }else{  
                out.print("登录成功");  
            }  
        }  
     %>  
  </body>  
</html>

一个简单的验证码登陆完成了。
参考文章参考文章

辰小狼睡不醒

关注

12
点赞
踩
50

收藏

觉得还不错? 一键收藏
3
评论
Java WEB项目如何实现验证码

验证基础一.什么是验证码及验证码的作用验证码为全自动区分计算机和人类的图灵测试的缩写。是一种区分用户还是计算机的全自动程序，这个问题可以由计算机生成并进行判断，但是只有人类才可以解答。可以防止恶意破解密码，刷票，论坛灌水，有效防止某个黑客对某一个特定注册用户限定程序暴力破解方式进行不断登陆。二.图文验证的原理在servlet中随机生成一个指定位置的验证码，一般是四位或
复制链接

扫一扫