JSP彩色验证码的实现!
具体的实现情况请看我们的论坛()的验证码~~~~ http://bbs.8isp.cn
http://bbs.8isp.cn
先把思路说下: http://bbs.8isp.cn
http://bbs.8isp.cn
一个JSP页面或者HTML页面(A.JSP)调用一个SERVLET而实现验证码,SERVLET负责把图象里的数字保存到SESSION中,在JSP或者HTML的页面中把值传递给B.jsp,B.JSP负责接收A传递过来的值和SESSION里的值做比较如果一样就说明用户输入正确的验证码,如果不一样就返回个错误! http://bbs.8isp.cn
http://bbs.8isp.cn
http://bbs.8isp.cn
http://bbs.8isp.cn
好了现在我们开始了,,, http://bbs.8isp.cn
http://bbs.8isp.cn
先写个SERVLET,注意包的路径我的路径为:WEB-INF\classes\dreamtime\dreamnews\ImageServlet.java http://bbs.8isp.cn
http://bbs.8isp.cn
先看看这个SERVLET:
package com.semovy.test;
import java.awt.Color;
import java.awt.Font;
import java.awt.Graphics2D;
import java.awt.image.BufferedImage;
import java.util.Random;
import javax.imageio.ImageIO;
import javax.servlet.ServletException;
import javax.servlet.ServletOutputStream;
import javax.servlet.http.HttpServlet;
import javax.servlet.http.HttpServletRequest;
import javax.servlet.http.HttpServletResponse;
import javax.servlet.http.HttpSession;
public class ImageServlet extends HttpServlet {
// 验证码图片的宽度。
private int width=60;
//验证码图片的高度。
private int height=20;
protected void service(HttpServletRequest req, HttpServletResponse resp)
throws ServletException, java.io.IOException
{
BufferedImage buffimg=new BufferedImage(width,height,
BufferedImage.TYPE_INT_RGB);
Graphics2D g=buffimg.createGraphics();
//创建一个随机数生成器类。
Random random=new Random();
g.setColor(Color.white);
g.fillRect(0,0,width,height);
//创建字体，字体的大小应该根据图片的高度来定。
Font font=new Font("times new roman",Font.PLAIN,18);
//设置字体。
g.setFont(font);
//画边框。
g.setColor(Color.black);
g.drawRect(0,0,width-1,height-1);
//随机产生160条干扰线，使图象中的认证码不易被其它程序探测到。
g.setColor(Color.gray);
for (int i=0;i<10;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);
}
//randomcode用于保存随机产生的验证码，以便用户登录后进行验证。
StringBuffer randomcode=new StringBuffer();
int red=0,green=0,blue=0;
//随机产生4位数字的验证码。
for (int i=0;i<4;i++)
{
//得到随机产生的验证码数字。
String strrand=String.valueOf(random.nextInt(10));
//产生随机的颜色分量来构造颜色值，这样输出的每位数字的颜色值都将不同。
red=random.nextInt(200);
green=random.nextInt(200);
blue=random.nextInt(200);
//产生随机高度 13至height之间
float imght = 0;
while(imght<=12){
imght = Float.parseFloat(String.valueOf(random.nextInt(height)));
}
//用随机产生的颜色将验证码绘制到图像中。
g.setColor(new Color(red,green,blue));
g.drawString(strrand,13*i+6,imght);
//将产生的四个随机数组合在一起。
randomcode.append(strrand);
}
//将四位数字的验证码保存到session中。
HttpSession session=req.getSession();
session.setAttribute("VerifyCode",randomcode.toString());
//禁止图像缓存。
resp.setHeader("pragma","no-cache");
resp.setHeader("cache-control","no-cache");
resp.setDateHeader("expires", 0);
resp.setContentType("image/jpeg");
//将图像输出到servlet输出流中。
ServletOutputStream sos=resp.getOutputStream();
ImageIO.write(buffimg, "jpeg",sos);
sos.close();
}
}
SERVLET完毕,注意这句话session.setAttribute("VerifyCode",sRand);,我想是做JSP的应该都知道这个是什么意思吧,对了,这句话的意思就是把生成出来的数字保存到SESSION中去,我们在来配置下WEB.XML文件来让这个SERVLET可以用: http://bbs.8isp.cn
http://bbs.8isp.cn
WEB.XML如下: http://bbs.8isp.cn
http://bbs.8isp.cn
<?xml version="1.0" encoding="UTF-8"?> http://bbs.8isp.cn
<!DOCTYPE web-app PUBLIC "-//Sun Microsystems, Inc.//DTD Web Application 2.3//EN" " http://java.sun.com/dtd/web-app_2_3.dtd "> http://bbs.8isp.cn
<web-app> http://bbs.8isp.cn
<servlet> http://bbs.8isp.cn
<servlet-name>Code</servlet-name> http://bbs.8isp.cn
<servlet-class>dreamtime.dreamnews.ImageServlet</servlet-class> http://bbs.8isp.cn
</servlet> http://bbs.8isp.cn
<servlet-mapping> http://bbs.8isp.cn
<servlet-name>Code</servlet-name> http://bbs.8isp.cn
<url-pattern>/Code</url-pattern> http://bbs.8isp.cn
</servlet-mapping> http://bbs.8isp.cn
</web-app> http://bbs.8isp.cn
http://bbs.8isp.cn
http://bbs.8isp.cn
这样这个SERVLET就可以用了... http://bbs.8isp.cn
http://bbs.8isp.cn
我们来看A.HTM怎么调用这个SERVLET来实现验证码: http://bbs.8isp.cn
http://bbs.8isp.cn
A.HTM如下: http://bbs.8isp.cn
http://bbs.8isp.cn
<FORM ACTION=B.JSP NAME=FORM > http://bbs.8isp.cn
用户名:<input class=input maxlength=255 size=10 name=username> http://bbs.8isp.cn
密 码:<input class=input type=password maxlength=255 size=10 name=password> http://bbs.8isp.cn
http验证码:<input name=image type=text value="请在这里输入右边的验证码" http://bbs.8isp.cn
size=7 maxlength=255> <img src="Code" onclick="history.go(0)" title="点击刷新验证码"/> http://bbs.8isp.cn
</FORM> http://bbs.8isp.cn
http://bbs.8isp.cn
http://bbs.8isp.cn
http://bbs.8isp.cn
A.HTM看起来很简单,红色的字是显示SERVLET来让验证码出现在网页上~~~兰色的字是个让用户输入验证码的地方,其实就是个普通的INPUT, http://bbs.8isp.cn
http://bbs.8isp.cn
http://bbs.8isp.cn
http://bbs.8isp.cn
在来看看B.JSP是如何接收的.... http://bbs.8isp.cn
http://bbs.8isp.cn
B.JSP如下: http://bbs.8isp.cn
http://bbs.8isp.cn
String rand = (String)session.getAttribute("VerifyCode"); //提取放在SESSION的数字; http://bbs.8isp.cn
String input = request.getParameter("image"); //接收从A.HTM传递过来的值 http://bbs.8isp.cn
http://bbs.8isp.cn
if(!rand.equals(input)){ http://bbs.8isp.cn
out.println("验证码不对"); http://bbs.8isp.cn
http://bbs.8isp.cn
}else{ http://bbs.8isp.cn
http://bbs.8isp.cn
out.println("验证码正确") http://bbs.8isp.cn
http://bbs.8isp.cn
} http://bbs.8isp.cn
http://bbs.8isp.cn