servlet制作验证码和验证码的点击切换

最新推荐文章于 2022-09-19 07:15:00 发布

IT编程猿

最新推荐文章于 2022-09-19 07:15:00 发布

阅读量1.4k

点赞数

分类专栏： JavaEE

本文链接：https://blog.csdn.net/maojycom/article/details/40859337

版权

JavaEE 专栏收录该内容

8 篇文章 0 订阅

订阅专栏

做了一个小例子，web在登陆的时候一般都有验证码验证，这里用servlet来制作一个验证码。

servlet：

 package com.zhkunion.util;
 
 import java.awt.Color;
 import java.awt.Font;
 import java.awt.Graphics;
 import java.awt.Graphics2D;
 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;
 
 /**
  * 生成图片验证码的servlet
  * @author maojycom
  * 创建日期: 2014-11-6 上午11:44:02
  * @version 1.0.0
  */
 public class CheckCode extends HttpServlet{
	
	private static final long serialVersionUID = 2011594857610014291L;
	private static final int WIDTH = 80;
	private static final int HEIGHT = 26;
	private final String BASES = "123456789ABCDEFGEFGHJKLMNPQapcdefghlkjmnpgwq";
 
   public void doGet(HttpServletRequest request, HttpServletResponse response) 
		   throws ServletException, IOException{
		    
	   	    //声明返回的MIME类型
	   		response.setContentType("image/jpeg");
		 
		     BufferedImage image = new BufferedImage(WIDTH, HEIGHT, 1);
		 
		     Graphics g = image.getGraphics();
		 
		     setBackground(g);
		 
		     setBorder(g);
		 
		     String num = drawRandomNum((Graphics2D)g);
		     
		     //把验证码存放到session中去
		     request.getSession().setAttribute("checkCode", num);
		 
		     drawRandomLine(g);
		     
		     //以图像流方式输出图片
		     ImageIO.write(image, "jpg", response.getOutputStream());
   }
 
   /**
    * 随机生成数字
    * @param g
    * @return
    */
   public String drawRandomNum(Graphics2D g) {
	   
     g.setColor(Color.red);
     g.setFont(new Font("宋体", 1, 20));
 
     StringBuffer sb = new StringBuffer();
 
     int x = 5;
    for (int i = 0; i < 4; i++){
       String ch = BASES.charAt(new Random().nextInt(BASES.length())) + "";
       sb.append(ch);
       g.drawString(ch, x, 20);
       x += 20;
     }
       return sb.toString();
   }
   /**
    * 随机画干扰线
    * @param g
    */
   private void drawRandomLine(Graphics g) {
	   g.setColor(Color.GRAY);
 
	   for (int i = 0; i < 10; i++) {
		   int x1 = new Random().nextInt(80);
		   int y1 = new Random().nextInt(26);
 
		   int x2 = new Random().nextInt(80);
		   int y2 = new Random().nextInt(26);
 
		   g.drawLine(x1, y1, x2, y2);
     }
   }
   /**
    * 设置边框
    * @param g
    */
   public void setBorder(Graphics g){
	   g.setColor(Color.BLUE);
	   g.drawRect(1, 1, 78, 24);
   }
 
   /**
    * 设置背景
    * @param g
    */
   public void setBackground(Graphics g) {
     g.setColor(Color.WHITE);
     g.fillRect(0, 0, 80, 80);
   }
 
   public void doPost(HttpServletRequest request, HttpServletResponse response) 
		   throws ServletException, IOException{
     doGet(request, response);
   }
 }

在web.xml中配置该servlet验证码：

<!-- 配置验证码的路径 -->
    <servlet>
    	<servlet-name>checkCode</servlet-name>
    	<servlet-class>net.seehope.util.CheckCode</servlet-class>
    </servlet>
    <servlet-mapping>
    	<servlet-name>checkCode</servlet-name>
    	<url-pattern>/checkCode.jpg</url-pattern>
    </servlet-mapping>

在页面中使用：

        <script type="text/javascript">
		//实现当点击图片是能切换
		function change(img){
			img.src = img.src + "?" + new Date().getTime();
	}
	</script>  
  </head>  
  <body>
  		验证码：<img alt="验证码" src="checkCode.jpg" οnclick="change(this)">
  </body>

补充：有时从服务器端生成的验证码跟从JSP页面填写的验证码不一致，因为服务器端生成的验证码是存放到session中的，

而加载JSP比加载session要快，这导致了JSP中显示的验证码是刚生成的，但session中的验证码还是上一次的，还没有清除、更新。

1，及时清除session中的验证码，确保能读到最新的验证码；

2，有JSP生成验证码，再传给后台，让后台在验证码上画干扰线及颜色背景等。