一、前言
验证码可以说在我们生活中已经非常普遍了,任何一个网站,任何一个App都会有这个功能,但是为啥要有这个呢?如何做才能做出来呢?下面小编会带领大家一起用java完成一个验证码的功能。
二、验证码的作用
一般可以防止有人利用机器人自动批量注册、对特定的注册用户用特定程序暴力破解方式进行不断的登录,灌水。因为验证码是一个混合了数字和符号的图片,人眼看起来都费劲,机器识别起来就更难了。
三、java实现
3.1 建立验证码的servlet 类:
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
|
package com.bjpowernode.drp.util.servlet;
import java.awt.Color;
import java.awt.Font;
import java.awt.Graphics;
import java.awt.image.BufferedImage;
import java.io.IOException;
import java.util.Random;
import javax.imageio.ImageIO;
import javax.servlet.ServletException;
import javax.servlet.http.HttpServlet;
import javax.servlet.http.HttpServletRequest;
import javax.servlet.http.HttpServletResponse;
import javax.servlet.http.HttpSession;
/**
* 验证码功能生成
* @author Ares
*
*/
public class AuthImage extends HttpServlet{
private static final String CONTENT_TYPE = "text/html; charset=gb2312" ;
//设置字母的大小,大小
private Font mFont = new Font( "Times New Roman" , Font.PLAIN, 17 );
public void init() throws ServletException
{
super .init();
}
Color getRandColor( int fc, int bc)
{
Random random = new Random();
if (fc> 255 ) fc= 255 ;
if (bc> 255 ) bc= 255 ;
int r=fc+random.nextInt(bc-fc);
int g=fc+random.nextInt(bc-fc);
int b=fc+random.nextInt(bc-fc);
return new Color(r,g,b);
}
public void service(HttpServletRequest request, HttpServletResponse response) throws ServletException, IOException
{
response.setHeader( "Pragma" , "No-cache" );
response.setHeader( "Cache-Control" , "no-cache" );
response.setDateHeader( "Expires" , 0 );
//表明生成的响应是图片
response.setContentType( "image/jpeg" );
int width= 100 , height= 18 ;
BufferedImage image = new BufferedImage(width, height, BufferedImage.TYPE_INT_RGB);
Graphics g = image.getGraphics();
Random random = new Random();
g.setColor(getRandColor( 200 , 250 ));
g.fillRect( 1 , 1 , width- 1 , height- 1 );
g.setColor( new Color( 102 , 102 , 102 ));
g.drawRect( 0 , 0 , width- 1 , height- 1 );
g.setFont(mFont);
g.setColor(getRandColor( 160 , 200 ));
//画随机线
for ( int i= 0 ;i< 155 ;i++)
{
int x = random.nextInt(width - 1 );
int y = random.nextInt(height - 1 );
int xl = random.nextInt( 6 ) + 1 ;
int yl = random.nextInt( 12 ) + 1 ;
g.drawLine(x,y,x + xl,y + yl);
}
//从另一方向画随机线
for ( int i = 0 ;i < 70 ;i++)
{
int x = random.nextInt(width - 1 );
int y = random.nextInt(height - 1 );
int xl = random.nextInt( 12 ) + 1 ;
int yl = random.nextInt( 6 ) + 1 ;
g.drawLine(x,y,x - xl,y - yl);
}
//生成随机数,并将随机数字转换为字母
String sRand= "" ;
for ( int i= 0 ;i< 6 ;i++)
{
int itmp = random.nextInt( 26 ) + 65 ;
char ctmp = ( char )itmp;
sRand += String.valueOf(ctmp);
g.setColor( new Color( 20 +random.nextInt( 110 ), 20 +random.nextInt( 110 ), 20 +random.nextInt( 110 )));
g.drawString(String.valueOf(ctmp), 15 *i+ 10 , 16 );
}
HttpSession session = request.getSession( true );
session.setAttribute( "rand" ,sRand);
g.dispose();
ImageIO.write(image, "JPEG" , response.getOutputStream());
}
public void destroy()
{
}
}
|
3.2 在WEB-INF文件下的web.xml配置servlet
1
2
3
4
5
6
7
8
9
10
|
//servlet名字和位置
< servlet >
< servlet-name >AuthImage</ servlet-name >
< servlet-class >com.bjpowernode.drp.util.servlet.AuthImage</ servlet-class >
</ servlet >
//servlet 对那些映射起作用
< servlet-mapping >
< servlet-name >AuthImage</ servlet-name >
< url-pattern >/servlet/login/AuthImage</ url-pattern >
</ servlet-mapping >
|
3.3 前台调用Servlet
jsp代码:
1
|
<img id= "img" style= "cursor:pointer;" alt= "验证码" src= "${pageContext.request.contextPath}/servlet/login/AuthImage" onclick= "changeImg()" >
|
js:
1
2
3
4
5
6
|
//点击验证码变换图片
function changeImg(){
var img =document.getElementById( "img" );
img.src= "${pageContext.request.contextPath}/servlet/login/AuthImage?d=" +Math.random();
return false ;
}
|
四、小结
通过这次的对验证码的学习,自己也是有了一定的认识,对整个Servlet和前台代码之间的交互,数据传输也有了很好地提升,所以以后还是要多多的学习一下这些的技巧,多多总结一下。这样知识才会扎实。
以上就是本文的全部内容,希望对大家的学习有所帮助,也希望大家多多支持服务器之家。
原文链接:http://blog.csdn.net/kisscatforever/article/details/54929657