实现页面注册时 生成图片验证码 以及后台验证

首先我们需要在页面上画出一个图片  那么我们根据什么画图片呢
画图片的五个类{

  1.BufferedImage图像数据缓冲区

  2.Graphics绘制图片

  3.color获取颜色

  4.Random获取随机数

  5.ImageIO输出图片

}
首先,在jsp页面的body下加入代码

 
  验证码:    验证码 看不清楚
 

一个文本框,一个图片链接,一个提交按钮

/**************************************************************************************************************************/

那么下面就要写servlet   servlet 两个作用  一个生成图片  一个用来验证前台输入验证码是否正确
下面是servlet代码
由于需要保密  所以将表单设为post方法, 图片依旧为get方法

注意导入的依赖包

package com.rx.common;

import java.awt.Color;
import java.awt.Graphics;
import java.awt.image.BufferedImage;
import java.io.IOException;
import java.io.PrintWriter;
import java.util.Random;

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

/**
 * Servlet implementation class Forimges
 */
@WebServlet("/Forimges")
public class Forimges extends HttpServlet {
	private static final long serialVersionUID = 1L;

	public Forimges() {
		super();
		// TODO Auto-generated constructor stub
	}

	protected void doGet(HttpServletRequest request, HttpServletResponse response)
			throws ServletException, IOException {
		
		System.out.println("来了");
		// 这个方法实现验证码的生成
		BufferedImage bi = new BufferedImage(68, 22, BufferedImage.TYPE_INT_RGB);// 创建图像缓冲区
		Graphics g = bi.getGraphics(); // 通过缓冲区创建一个画布
		Color c = new Color(200, 150, 255); // 创建颜色
		/*
		 * 根据背景画了一个矩形框
		 */
		g.setColor(c);// 为画布创建背景颜色
		g.fillRect(0, 0, 68, 22); // fillRect:填充指定的矩形

		char[] ch = "ABCDEFGHIJKLMNOPQRSTUVWXYZ0123456789".toCharArray();// 转化为字符型的数组
		Random r = new Random();
		int len = ch.length;
		int index; // index用于存放随机数字
		StringBuffer sb = new StringBuffer();
		for (int i = 0; i < 4; i++) {
			index = r.nextInt(len);// 产生随机数字
			g.setColor(new Color(r.nextInt(88), r.nextInt(188), r.nextInt(255))); // 设置颜色
			g.drawString(ch[index] + "", (i * 15) + 3, 18);// 画数字以及数字的位置
			sb.append(ch[index]);
		}
		request.getSession().setAttribute("piccode", sb.toString()); // 将数字保留在session中,便于后续的使用
		ImageIO.write(bi, "JPG", response.getOutputStream());

	}

	protected void doPost(HttpServletRequest request, HttpServletResponse response)
			throws ServletException, IOException {
		String piccode = (String) request.getSession().getAttribute("piccode");
		String checkCode = request.getParameter("checkCode"); // 取值
		System.out.println(piccode);
		System.out.println(checkCode);
		checkCode = checkCode.toUpperCase(); // 把字符全部转换为大写的(此语句用于验证码不区分大小写)
		response.setContentType("text/html;charset=UTF-8");// 解决乱码问题
		PrintWriter out = response.getWriter();
		if (checkCode.equals(piccode)) {
			System.out.println("验证码输入正确!");
		} else {
			System.out.println("验证码输入错误!!!");
		}
		out.flush();// 将流刷新
		out.close();// 将流关闭
	}
}


 
  

至此 就实现了简单验证码的验证
/**************************************************************************************************************************/
备注:借鉴一个前辈的代码  稍加合并修改  另外 本人用的maven项目  导入的javax  tomcat  jstl 依赖  不需要配置web-xml


你可能感兴趣的:(实现页面注册时 生成图片验证码 以及后台验证)