实战项目中添加验证码的操作

港控/mmm° 2024-04-17 21:30 29阅读 0赞

**首先，我们需要新建一个Servlet，这个就是单纯的视图层和控制层相互联系（没有必要研究验证码的代码，复制拿来用）**

package com.bjsxt.servlet;
    
    import java.awt.Color;
    import java.awt.Font;
    import java.awt.Graphics;
    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;
    
    
    
    public class RandomServlet extends HttpServlet {
    
    	
    	public void doGet(HttpServletRequest request, HttpServletResponse response)
    			throws ServletException, IOException {
    
    		// 在内存中创建图象
    		int width = 110, height = 30;
    		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("Times New Roman", Font.PLAIN, 20));
    		// 随机产生155条干扰线，使图象中的认证码不易被其它程序探测到
    		g.setColor(getRandColor(160, 200));
    		for (int i = 0; i < 155; 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);
    		}
    		// 取随机产生的认证码(6位数字)
    		String sRand = "";
    		for (int i = 0; i < 6; 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);
    		}
    		// 图象生效
    		g.dispose();
    		
    		try {
    			ImageIO.write(image, "JPEG", response.getOutputStream());
    		} catch (Exception e) {
    			System.out.println("验证码图片产生出现错误：" + e.toString());
    		}
    		//保存验证码到Session
    		request.getSession().setAttribute("randStr", sRand);
    		
    	}
    
    
    	public void doPost(HttpServletRequest request, HttpServletResponse response)
    			throws ServletException, IOException {
    
    		this.doGet(request, response);
    	}
    	/*
    	 * 给定范围获得随机颜色
    	 */
    	private 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);
    	}
    }

**配置XML的设置，前台需要访问servlet的时候需要设置一个访问路径（迷惑用户url写成.jpg可以啦）**

<servlet>
            <servlet-name>RandomServlet</servlet-name>
            <servlet-class>com.bjsxt.servlet.RandomServlet</servlet-class>
        </servlet>
        <servlet-mapping>
            <servlet-name>RandomServlet</servlet-name>
            <url-pattern>/servlet/RandomServlet</url-pattern>
            <url-pattern>/random.jpg</url-pattern>
        </servlet-mapping>

**在前端需要添加验证码的地方添加一个图片，图片的src可以设置为咱们之前设置的 random.jsp（这里的话我们需要提前在页面中写入基准路径才可以这样写），然后设置onclick的动作**

**script的函数这样写：**

**这样就大公告成了！**

### **那么我们要如何获得验证码和用户输入的是否正确呢？** ###

** 用户输入的  ：            我们后台就用 request.getParameter("输入那个文本框的name")来接受**

**验证码生成的那个 ：  我们发现了验证码代码那一块，他就是将生成的用一个session来保存的**

**    所以我们获取session的Attribute来接收就好啦。**

**     String random=(String) request.getSession().getAttribute("randStr");**

**将两个判断一下就OK啦！**