最新更新 sitemap 网站制作设计本站搜索
网页设计
国外网站 韩国网站 个人主页 手提袋设计 CSS 网页特效 平面设计 网站设计 Flash CMS技巧 服装网站 php教程 photoshop 画册 服务器选用 数据库 Office
虚拟主机 域名注册 云主机 网页设计 客服QQ:8208442
当前位置:首页 > 编程开发 > jsp教程

JSP开发中使用彩色验证码教程

日期:12-10    来源:中国设计秀    作者:cnwebshow.com

    生成有4个随机数字和杂乱背景的图片,数字和背景颜色会改变,服务器端刷新(用history.go(-1)也会变)Zmv中国设计秀
原型参考ALIBABA  http://china.alibaba.com/member/showimageZmv中国设计秀

产生验证码图片的文件-----image.jspZmv中国设计秀

<%@ page contentType="image/jpeg" import="java.awt.*,java.awt.image.*,java.util.*,javax.imageio.*" %>Zmv中国设计秀
<%!Zmv中国设计秀
Color getRandColor(int fc,int bc){//给定范围获得随机颜色Zmv中国设计秀
        Random random = new Random();Zmv中国设计秀
        if(fc>255) fc=255;Zmv中国设计秀
        if(bc>255) bc=255;Zmv中国设计秀
        int r=fc+random.nextInt(bc-fc);Zmv中国设计秀
        int g=fc+random.nextInt(bc-fc);Zmv中国设计秀
        int b=fc+random.nextInt(bc-fc);Zmv中国设计秀
        return new Color(r,g,b);Zmv中国设计秀
        }Zmv中国设计秀
%>Zmv中国设计秀
<%Zmv中国设计秀
//设置页面不缓存Zmv中国设计秀
response.setHeader("PRagma","No-cache");Zmv中国设计秀
response.setHeader("Cache-Control","no-cache");Zmv中国设计秀
response.setDateHeader("Expires", 0);Zmv中国设计秀

// 在内存中创建图象Zmv中国设计秀
int width=60, height=20;Zmv中国设计秀
BufferedImage image = new BufferedImage(width, height, BufferedImage.TYPE_INT_RGB);Zmv中国设计秀

// 获取图形上下文Zmv中国设计秀
Graphics g = image.getGraphics();Zmv中国设计秀

//生成随机类Zmv中国设计秀
Random random = new Random();Zmv中国设计秀

// 设定背景色Zmv中国设计秀
g.setColor(getRandColor(200,250));Zmv中国设计秀
g.fillRect(0, 0, width, height);Zmv中国设计秀

//设定字体Zmv中国设计秀
g.setFont(new Font("Times New Roman",Font.PLAIN,18));Zmv中国设计秀

//画边框Zmv中国设计秀
//g.setColor(new Color());Zmv中国设计秀
//g.drawRect(0,0,width-1,height-1);Zmv中国设计秀

Zmv中国设计秀
// 随机产生155条干扰线,使图象中的认证码不易被其它程序探测到Zmv中国设计秀
g.setColor(getRandColor(160,200));Zmv中国设计秀
for (int i=0;i<155;i++)Zmv中国设计秀
{Zmv中国设计秀
 int x = random.nextInt(width);Zmv中国设计秀
 int y = random.nextInt(height);Zmv中国设计秀
        int xl = random.nextInt(12);Zmv中国设计秀
        int yl = random.nextInt(12);Zmv中国设计秀
 g.drawLine(x,y,x+xl,y+yl);Zmv中国设计秀
}Zmv中国设计秀

// 取随机产生的认证码(4位数字)Zmv中国设计秀
String sRand="";Zmv中国设计秀
for (int i=0;i<4;i++){Zmv中国设计秀
    String rand=String.valueOf(random.nextInt(10));Zmv中国设计秀
    sRand+=rand;Zmv中国设计秀
    // 将认证码显示到图象中Zmv中国设计秀
    g.setColor(new Color(20+random.nextInt(110),20+random.nextInt(110),20+random.nextInt(110)));//调用函数出来的颜色相同,可能是因为种子太接近,所以只能直接生成Zmv中国设计秀
    g.drawString(rand,13*i+6,16);Zmv中国设计秀
}Zmv中国设计秀

// 将认证码存入sessionZmv中国设计秀
session.setAttribute("rand",sRand);Zmv中国设计秀

Zmv中国设计秀
// 图象生效Zmv中国设计秀
g.dispose();Zmv中国设计秀

// 输出图象到页面Zmv中国设计秀
ImageIO.write(image, "JPEG", response.getOutputStream());Zmv中国设计秀

Zmv中国设计秀
%>Zmv中国设计秀

---------------使用验证码图片的文件---------a.jsp------------------------------------Zmv中国设计秀

<%@ page contentType="text/html;charset=gb2312" %>Zmv中国设计秀
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">Zmv中国设计秀
<html>Zmv中国设计秀
<head>Zmv中国设计秀
<title>认证码输入页面</title>Zmv中国设计秀
<meta http-equiv="Content-Type" content="text/html; charset=gb2312">Zmv中国设计秀
<META HTTP-EQUIV="Pragma" CONTENT="no-cache"> Zmv中国设计秀
<META HTTP-EQUIV="Cache-Control" CONTENT="no-cache"> Zmv中国设计秀
<META HTTP-EQUIV="Expires" CONTENT="0"> Zmv中国设计秀
</head>Zmv中国设计秀
<body>Zmv中国设计秀
<form method=post action="check.jsp">Zmv中国设计秀
<table>Zmv中国设计秀
<tr>Zmv中国设计秀
<td align=left>系统产生的认证码:</td>Zmv中国设计秀
<td><img border=0 src="image.jsp"></td>Zmv中国设计秀
</tr>Zmv中国设计秀
<tr>Zmv中国设计秀
<td align=left>输入上面的认证码:</td>Zmv中国设计秀
<td><input type=text name=rand maxlength=4 value=""></td>Zmv中国设计秀
</tr>Zmv中国设计秀
<tr>Zmv中国设计秀
<td colspan=2 align=center><input type=submit value="提交检测"></td>Zmv中国设计秀
</tr>Zmv中国设计秀
</form>Zmv中国设计秀
</body>Zmv中国设计秀
</html>Zmv中国设计秀

-----------------验证的页面----------check.jspZmv中国设计秀

<%@ page contentType="text/html; charset=gb2312" language="java" import="java.sql.*" errorPage="" %>Zmv中国设计秀
<html>Zmv中国设计秀
<head>Zmv中国设计秀
<title>认证码验证页面</title>Zmv中国设计秀
<meta http-equiv="Content-Type" content="text/html; charset=gb2312">Zmv中国设计秀
<META HTTP-EQUIV="Pragma" CONTENT="no-cache"> Zmv中国设计秀
<META HTTP-EQUIV="Cache-Control" CONTENT="no-cache"> Zmv中国设计秀
<META HTTP-EQUIV="Expires" CONTENT="0"> Zmv中国设计秀
</head>Zmv中国设计秀

<body>Zmv中国设计秀
<% Zmv中国设计秀
 String rand = (String)session.getAttribute("rand");Zmv中国设计秀
 String input = request.getParameter("rand");Zmv中国设计秀
%>Zmv中国设计秀
系统产生的认证码为: <%= rand %><br>Zmv中国设计秀
您输入的认证码为: <%= input %><br>Zmv中国设计秀
<br>Zmv中国设计秀
<%Zmv中国设计秀
  if (rand.equals(input)) {Zmv中国设计秀
%>Zmv中国设计秀
<font color=green>输入相同,认证成功!</font>Zmv中国设计秀
<%Zmv中国设计秀
  } else {Zmv中国设计秀
%>Zmv中国设计秀
<font color=red>输入不同,认证失败!</font>Zmv中国设计秀
<%Zmv中国设计秀
  }Zmv中国设计秀
%>Zmv中国设计秀
</body>Zmv中国设计秀
</html>Zmv中国设计秀

本文引用地址:/bc/article_46724.html
网站地图 | 关于我们 | 联系我们 | 网站建设 | 广告服务 | 版权声明 | 免责声明