验证码

最新推荐文章于 2024-04-24 15:28:32 发布

sapce666

最新推荐文章于 2024-04-24 15:28:32 发布

阅读量411

点赞数

分类专栏：自学文章标签： java js 验证码

本文链接：https://blog.csdn.net/bark_ice/article/details/44199643

版权

自学专栏收录该内容

24 篇文章 0 订阅

订阅专栏

验证码

1.java类MakeCert 生成验证码

Java代码

package com.certCode;
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.imageio.ImageIO;
/**
* 生成验证图片
* @author 郑平
*
*/
public class MakeCert {
//图片验证可能出现的字符
private char mapTable[]={
'a','b','c','d','e','f',
'g','h','i','j','k','l',
'm','n','o','p','q','r',
's','t','u','v','w','x',
'y','z','0','1','2','3',
'4','5','6','7','8','9'};
/**
* 功能:生成彩色验证码图片
* 参数width为生成图片的宽度,参数height为生成图片的高度,参数os为页面的输出流
*/
public String getCertcode(int width,int height,OutputStream os) {
if(width<=0){
width = 60;
}
if(height<=0){
height = 20;
}
BufferedImage image = new BufferedImage(width, height, BufferedImage.TYPE_INT_RGB);
//获取图形上下文
Graphics g = image.getGraphics();
//设置背景颜色
g.setColor(new Color(0xDCDCDC));
g.fillRect(0, 0, width, height);
//画边框
g.setColor(Color.black);
g.drawRect(0, 0, width-1, height-1);
String strEnsure = "";
for(int i=0;i<4;i++){
//随机产生的验证码
strEnsure += mapTable[(int)(mapTable.length*Math.random())];
}
System.out.println("strEnsure:"+strEnsure);
//将验证码显示到图片上
g.setFont(new Font("Atlantic Inline",Font.PLAIN,18));
String str = strEnsure.substring(0, 1);
g.drawString(str, 8, 17);
str = strEnsure.substring(1,2);
g.drawString(str,20,15);
str = strEnsure.substring(2,3);
g.drawString(str,35,18);
str = strEnsure.substring(3,4);
g.drawString(str,45,15);
// 随机产生10个干扰点
Random r = new Random();
for(int i =0;i<10;i++){
int x = r.nextInt(width);
int y = r.nextInt(height);
g.drawOval(x, y, 1, 1);
}
// 释放图形上下文
g.dispose();
try {
ImageIO.write(image, "JPEG", os);
} catch (IOException e) {
// TODO Auto-generated catch block'
return "";
}
return strEnsure;
}
}

2.makeCert.jsp jsp调用java类得到验证码将生成的验证码存在session里面

Java代码

<%@ page contentType="image/jpeg; charset=gb2312"
pageEncoding="utf-8"%>
<jsp:useBean id="image" scope="page" class="com.certCode.MakeCert"></jsp:useBean>
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<title>验证</title>
</head>
<body>
　　<%
String str=image.getCertcode(0,0,response.getOutputStream());
session.setAttribute("certCode", str);
out.clear();
out = pageContext.pushBody();
%>
</body>
</html>

3.login.jsp 登录界面jsp

Java代码

<%@ page language="java" contentType="text/html; charset=gb2312"
pageEncoding="utf-8"%>
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<script type="text/javascript">
function reloadcode() {
var s = document.getElementById("code");
s.setAttribute('src','makeCert.jsp?it='+Math.random());
}
</script>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<title>登录</title>
</head>
<body>
<form action="login">
账号：<input type="text" id="id" name="id">
验证码：<input type="text" id="certCode"name="certCode">
<img alt="看不清楚，换一张" src="makeCert.jsp" id="code" οnclick="reloadcode()" style="cursor:pointer;">
<input type="submit" value="确定">
</form>
</body>
</html>

sapce666

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
验证码

验证码1.java类MakeCert 生成验证码Java代码 package com.certCode; import java.awt.Color; import java.awt.Font; import java.awt.Graphics; import java.awt.image.BufferedImage; import java.io.IOE
复制链接

扫一扫