网站安全之为Web项目添加验证码功能（二）

最新推荐文章于 2023-04-14 19:32:47 发布

原创最新推荐文章于 2023-04-14 19:32:47 发布 · 1.1k 阅读

0 ·

CC 4.0 BY-SA版权

文章标签：

#网站安全 #web #java #验证码

其它专栏收录该内容

17 篇文章

订阅专栏

本文是关于网站安全的系列博客第二篇，主要介绍了如何在Java中实现验证码功能。文章详细阐述了从创建登录页面，到验证码的生成与验证过程，以及项目的具体配置和所需依赖。通过将上篇博客的JSP代码转化为Java类，实现验证码的后台生成，并在web.xml中进行相应配置，以确保功能的正常运行。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

接着上篇的博客，笔者已经说明了验证码在我们项目中的作用，也说明了实现的方法。上一篇的博客笔者已经介绍了一种的实现方法，那么在这一篇的博客中，笔者要说明的是二种的实现方法。这种方法的实现就是在java的类中实现生产验证码。在实际项目中，就根据实际情况来选择，二者没有谁好谁坏的说法。

1.代码实现

1) 首先，笔者也是一样，先创建登录的页面，登录页面比较简单，无非就是一个用于输入验证码的地方、一个验证码显示的、一个用于重新生成验证码的连接、一个提交的按钮。笔者将页面的叫index.jsp.

 <%@ page language="java" import="java.util.*" pageEncoding="gbk"%>  
  
<!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>

2) 读者已经看到了，表单提交的信息不是直接到后端去验证，而是到check.jsp的页面验证。这里无法也是从session中获取验证码与当前客户输入的验证码进行比较。

<%@ page language="java" import="java.util.*" pageEncoding="gbk"%>  
  
<!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>

3) 现在我们要说一下后端的验证是如何生成的，其实也就是将上一篇博客的jsp的代码转变为PictureCheckCode.java的代码就行了。实现的过程就不多说是，相信读者可以看懂的。

 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++){  
                     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()); //输出图片  
    }  
}

4) 最后，别忘了在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">
  <servlet>  
    <description>输出验证码</description>  
    <display-name>This is the display name of my J2EE component</display-name>  
    <servlet-name>PictureCheckCode</servlet-name>  
    <servlet-class>com.owen.usercode.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>

5) 说明：项目可能用到的jar有：javax.servlet-5.1.12.jar、jstl-1.2.jar