作为Java开发人员有一年多了,到现在才开始有写博客的想法,实在是惭愧。以前确实只注重开发功能,增强开发经验,往往忽略了技术知识的重用性。在以前开发的几个项目中,确实有用到很多新的技术,在用到的时候,觉得很好用,也会花一点时间来学习它们。然而人的记忆能力往往会出现脑洞空白,当你在开发另外一个项目的时候,再次用到这个新的技术,你往往就不会很熟练的下手,甚至你的脑海里只有印象,确不知道怎么来使用这个新的技术。所以说,学会把新用到的技术写下来,当再次用到的时候,你就可以来查看,这样就可以达到事半功倍的效果。
今天开始这篇博客的内容,其实在网上已经有很多完整的方法,我只是开始练练手,至于里面的内容,有大多数和人家一样的,请不要见怪。昨天为自己的项目登录页面添加的验证码功能,其实实现起来也挺容易的。下面我就讲讲我怎么实现的。
1,实现一个验证码生成器的类 ValidateCode,里面具体代码网上都有。
public class ValidateCode {
// 图片的宽度。
private int width = 160;
// 图片的高度。
private int height = 40;
// 验证码字符个数
private int codeCount = 5;
// 验证码干扰线数
private int lineCount = 150;
// 验证码
private String code = null;
// 验证码图片Buffer
private BufferedImage buffImg = null;
private char[] codeSequence = { 'A', 'B', 'C', 'D', 'E', 'F', 'G', 'H', 'I', 'J',
'K', 'L', 'M', 'N', 'P', 'Q', 'R', 'S', 'T', 'U', 'V', 'W',
'X', 'Y', 'Z', '1', '2', '3', '4', '5', '6', '7', '8', '9' };
public ValidateCode() {
this.createCode();
}
/**
*
* @param width 图片宽
* @param height 图片高
*/
public ValidateCode(int width,int height) {
this.width=width;
this.height=height;
this.createCode();
}
/**
*
* @param width 图片宽
* @param height 图片高
* @param codeCount 字符个数
* @param lineCount 干扰线条数
*/
public ValidateCode(int width,int height,int codeCount,int lineCount) {
this.width=width;
this.height=height;
this.codeCount=codeCount;
this.lineCount=lineCount;
this.createCode();
}
public void createCode() {
int x = 0,fontHeight=0,codeY=0;
int red = 0, green = 0, blue = 0;
x = width / (codeCount +2);//每个字符的宽度
fontHeight = height - 2;//字体的高度
codeY = height - 4;
// 图像buffer
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);
// 创建字体
ImgFontByte imgFont=new ImgFontByte();
Font font =imgFont.getFont(fontHeight);
g.setFont(font);
for (int i = 0; i < lineCount; i++) {
int xs = random.nextInt(width);
int ys = random.nextInt(height);
int xe = xs+random.nextInt(width/8);
int ye = ys+random.nextInt(height/8);
red = random.nextInt(255);
green = random.nextInt(255);
blue = random.nextInt(255);
g.setColor(new Color(red, green, blue));
g.drawLine(xs, ys, xe, ye);
}
// randomCode记录随机产生的验证码
StringBuffer randomCode = new StringBuffer();
// 随机产生codeCount个字符的验证码。
for (int i = 0; i < codeCount; i++) {
String strRand = String.valueOf(codeSequence[random.nextInt(codeSequence.length)]);
// 产生随机的颜色值,让输出的每个字符的颜色值都将不同。
red = random.nextInt(255);
green = random.nextInt(255);
blue = random.nextInt(255);
g.setColor(new Color(red, green, blue));
g.drawString(strRand, (i + 1) * x, codeY);
// 将产生的四个随机数组合在一起。
randomCode.append(strRand);
}
// 将四位数字的验证码保存到Session中。
code=randomCode.toString();
}
public void write(String path) throws IOException {
OutputStream sos = new FileOutputStream(path);
this.write(sos);
}
public void write(OutputStream sos) throws IOException {
ImageIO.write(buffImg, "png", sos);
sos.close();
}
public BufferedImage getBuffImg() {
return buffImg;
}
public String getCode() {
return code;
}
2,编写一个servlet。
public class ValidateCodeServlet extends HttpServlet {
private static final long serialVersionUID = 5774730834353122864L;
@Override
protected void doGet(HttpServletRequest reqeust,
HttpServletResponse response) throws ServletException, IOException {
// 设置响应的类型格式为图片格式
response.setContentType("image/jpeg");
//禁止图像缓存
response.setHeader("Pragma", "no-cache");
response.setHeader("Cache-Control", "no-cache");
response.setDateHeader("Expires", 0);
HttpSession session = reqeust.getSession();
ValidateCode vCode = new ValidateCode(140,40,5,100);
session.setAttribute("code", vCode.getCode());
vCode.write(response.getOutputStream());
}
}
3,在web.xml里面配置servlet。
4,就是在页面展示生成的验证码了,比如 <img id="imges" alt="验证码" title="点击更换验证码" src="<%=path %>/servlet/validateCodeServlet" />,path是你项目的名称,/servlet/validateCodeServlet是在web.xml里面配置的访问路径。这样在登录页面就可以看到生成的验证码。
5,如果你想实现点击图片来更换验证码,你可以这样来实现:
$("#imges").click(function() {
$("#imges").attr("src", getRootPath() + "/servlet/validateCodeServlet?time=" + new Date());
});
其中getRootPath()是你项目的名称,在url后面加了?time=new Date()时间戳,是为了清除浏览器的缓存问题。