前台页面验证码如何生成

验证码：就是将一串随机产生的数字或符号，生成一幅图片， 图片里加上一些干扰象素（防止OCR），由用户肉眼识别其中的验证码信息，输入表单提交网站验证，验证成功后才能使用某项功能。 
验证码作用： 
一般是防止有人利用机器人自动批量注册、对特定的注册用户用特定程序暴力破解方式进行不断的登陆、灌水。因为验证码是一个混合了数字或符号的图片，人眼看起来都费劲，机器识别起来就更困难。像百度贴吧未登录发贴要输入验证码大概是防止大规模匿名回帖的发生。 

页面生成验证码的步骤:

1.生成验证码图案：

import java.awt.Color;
import java.awt.Font;
import java.awt.Graphics;
import java.awt.image.BufferedImage;
import java.io.IOException;
import java.io.OutputStream;
import java.util.Random;
import javax.servlet.ServletException;
import javax.servlet.http.HttpServlet;
import javax.servlet.http.HttpServletRequest;
import javax.servlet.http.HttpServletResponse;
import javax.servlet.http.HttpSession;

public class CheckCodeUtil extends HttpServlet {
private static final long serialVersionUID = 1L;
public void service(HttpServletRequest request, HttpServletResponse response)
throws ServletException, IOException {
/*
* 一、绘图  
*/
//step1, 创建一个内存映像(画布)
BufferedImage image =  new BufferedImage(80,30,BufferedImage.TYPE_INT_RGB);
//step2,获得画笔
Graphics g = image.getGraphics();
//step3,给笔设置颜色
g.setColor(new Color(255,255,255));
//step4,设置画布的背景颜色
g.fillRect(0, 0, 80, 30);
//step5,给笔设置颜色和字体
Random r = new Random();
g.setColor(new Color(r.nextInt(255),r.nextInt(255),r.nextInt(255)));
g.setFont(new Font(null,Font.BOLD+Font.ITALIC,25));
//step6,生成一个随机数
String pagecode = getNumber(4);

HttpSession session = request.getSession();
session.setAttribute("checkCode", pagecode);
//step7,绘制图片
g.drawString(pagecode, 5,26);
//step8,加一些干扰线
/*
for(int i = 0; i < 8; i ++){g.setColor(new Color(r.nextInt(255),r.nextInt(255),r.nextInt(255)));
g.drawLine(r.nextInt(80), r.nextInt(30),
r.nextInt(80), r.nextInt(30));
}
*/
/*
* 二、压缩图片并输出 
*/
//step1,告诉浏览器，返回的是图片
response.setContentType("image/jpeg");
//step2,要使用字节流输出
OutputStream os = 
response.getOutputStream();
//step3,压缩图片并输出
javax.imageio.ImageIO.write(
image, "jpeg", os);
os.close();
}

/*
* 生成一个验证码
*/
private String getNumber(int size) {
String number = "";
String chars = "ABCDEFGHIJKLMNOPQRSTUVWXYZ0123456789";
Random r = new Random();
for(int i = 0; i < size; i ++){
number += chars.charAt(
r.nextInt(chars.length()));
}
return number;
}
}

2.在WebRoot/WEB-INF/web.xml文件中部署

<servlet>

<servlet-name>CheckCodeUtil</servlet-name>

<!--指定该类所在包的路径-->

<servlet-class>com.xj.util.CheckCodeUtil</servlet-class>
</servlet>
<servlet-mapping>
<servlet-name>CheckCodeUtil</servlet-name>
<url-pattern>/checkcode.jpeg</url-pattern>

</servlet-mapping>

3.前台页面接收

<input type="text" name="pageCode"/>
<span style="cursor:pointer;">
<img src="checkcode.jpeg" οnclick="this.src='checkcode.jpeg?'+new Date().getTime();"/>
</span>

4.后台接收前台传送过来的验证码

String pageCode = request.getParameter("pageCode");

pageCode .toUpperCase()//转换为大写

String sPageCode = (String)session.getAttribute("checkCode");

if(!sPageCode.equals(pageCode .toUpperCase())){

return "验证码不正确";

}