1.验证码的生成，我们能够看到是用Graphics对象画出来的。对象我们必须要获得Graphics对象
1-1、Graphics对象的获取，要通过BufferedImage获得
|
1
2
3
4
|
<span style="font-size:18px;">int width=100;//确定框框的大小 int height=40; BufferedImage bfi =new BufferedImage(width, height, BufferedImage.TYPE_INT_RGB); Graphics g=bfi.getGraphics();//获得Graphics对象就可以画图</span> |
1-2、一般的验证码背景框都是白色的
|
1
2
3
|
<span style="font-size:18px;"> //1，设置背景（白框框） g.setColor(Color.WHITE);//白色的画笔 g.fillRect(0, 0, width, height);//画矩形矩形框框</span> |
1-3、保存数据（后台验证使用）和设置字体样式（美观）
|
1
2
3
4
|
String str="";//保存数据 Random rom=new Random(); //设置字体的大写与粗 g.setFont(new Font("a", Font.BOLD,20)); |
1-4、生成具体的数值，以及随机生成的颜色
|
1
2
3
4
5
6
|
for(int i=0;i<4;i++){ int num=rom.nextInt(10);//生成的随机数 g.setColor(new Color(rom.nextInt(256),rom.nextInt(256), rom.nextInt(256)));//设置画笔的颜色（随机） g.drawString(""+num, 20*i, 20+rom.nextInt(10));//画出线，x的位置每一之间增加20，y的坐标以20一条线，在线上或者是线下 //PS：位置需要明确些， } |
1-5、一般的数字容易被其他软件直接识别出来，为了防黑。稍微加一点干扰线
|
1
2
3
4
5
|
//画出一些干扰线 for (int i = 0; i < 10; i++) { g.setColor(new Color(rom.nextInt(256),rom.nextInt(256), rom.nextInt(256)));//设置画笔的颜色（随机） g.drawLine(rom.nextInt(100),rom.nextInt(40), rom.nextInt(100), rom.nextInt(40));//位置也是随机，x，y的值不要超过矩形框框 } |
1-6、销毁Graphics对象和存储图片
|
1
2
|
<span style="white-space:pre"> </span>g.dispose();//销毁对象 ImageIO.write(bfi, "JPEG", res.getOutputStream());//图片用字节流 直接得到 PS::: res是Servlet里面的。 |
这样验证码就生成了，那我们如何导入到前台去呢
2、具体实现
前台代码呈现（）：
|
1
2
3
4
5
6
7
|
<body> <h1>用户登录</h1><br/> 用户名:<input type="text" name="nametext"/><br/> 密 码：<input type="text" name="psd"/><br/> 请输入验证码：<input type="text"/> <img <span style="color:#ff0000;">src="/IMG/immg" </span>id="aid"/><a href="javascript:flush()" >看不清</a> </body> |
src的地址来源就是从后台发过来的。路径是很有意思的。
2-1步骤
项目里面
myeclipse --> src -->new Servlet 出现如下：
点击----》next 出现如下页面：
这个配置会自动到项目里面的web-INF文件夹里面web.xml。这个框框里面的值就是前台 src里面写的需要访问的路径，----> 点击完成就行了。
自动了。生成如下界面：
在这里就可写之前的代码。但是需要注意，我们必须通过覆盖这个方法才能有效：
|
1
2
3
4
5
6
|
protected void service(HttpServletRequest req, HttpServletResponse resp)//自动生成 输入 <span style="font-family: Arial, Helvetica, sans-serif;">service 补全，自动生成</span> throws ServletException, IOException { // TODO Auto-generated method stub super.service(req, resp); } |
具体的代码如下：
|
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
|
package cn.hncu.com.servlet; import java.awt.Color; import java.awt.Font; import java.awt.Graphics; import java.awt.image.BufferedImage; import java.io.FileOutputStream; import java.io.IOException; import java.util.Random; import javax.imageio.ImageIO; import javax.servlet.ServletException; import javax.servlet.ServletRequest; import javax.servlet.ServletResponse; import javax.servlet.http.HttpServlet; import javax.servlet.http.HttpServletRequest; import javax.servlet.http.HttpServletResponse; public class Imgdemo extends HttpServlet { @Overridepublic void service(ServletRequest req, ServletResponse res) throws ServletException, IOException { int width=100;//确定框框的大小 int height=40; BufferedImage bfi =new BufferedImage(width, height, BufferedImage.TYPE_INT_RGB); Graphics g=bfi.getGraphics();//获得Graphics对象就可以画图 //1，设置背景（白框框） g.setColor(Color.WHITE);//白色的画笔 g.fillRect(0, 0, width, height);//画矩形矩形框框 //2，具体生成随机数 String str="";//保存数据 Random rom=new Random(); //设置字体的大写与粗 g.setFont(new Font("a", Font.BOLD,20)); //画出具体的图片 for(int i=0;i<4;i++){ int num=rom.nextInt(10);//生成的随机数 g.setColor(new Color(rom.nextInt(256),rom.nextInt(256), rom.nextInt(256)));//设置画笔的颜色（随机） g.drawString(""+num, 20*i, 20+rom.nextInt(10));//画出线，x的位置每一之间增加20，y的坐标以20一条线，在线上或者是线下 //PS：位置需要明确些， } //画出一些干扰线 for (int i = 0; i < 10; i++) { g.setColor(new Color(rom.nextInt(256),rom.nextInt(256), rom.nextInt(256)));//设置画笔的颜色（随机） g.drawLine(rom.nextInt(100),rom.nextInt(40), rom.nextInt(100), rom.nextInt(40));//位置也是随机，x，y的值不要超过矩形框框 } g.dispose(); ImageIO.write(bfi, "JPEG", res.getOutputStream());//图片用字节流 直接得到 } }<span style="font-family: Arial, Helvetica, sans-serif; background-color: rgb(255, 255, 255);"> </span> |
前台代码：
|
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
|
<%@ page language="java" import="java.util.*" pageEncoding="UTF-8"%> <% String path = request.getContextPath(); String basePath = request.getScheme()+"://"+request.getServerName()+":"+request.getServerPort()+path+"/"; %> <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"> <html> <head> <base href="<%=basePath%>"> <title>My JSP 'img.jsp' starting page</title> <meta http-equiv="pragma" content="no-cache"> <meta http-equiv="cache-control" content="no-cache"> <meta http-equiv="expires" content="0"> <meta http-equiv="keywords" content="keyword1,keyword2,keyword3"> <meta http-equiv="description" content="This is my page"> <!-- <link rel="stylesheet" type="text/css" href="styles.css"> --> <script type="text/javascript"> function flush(){ var text=document.getElementById("aid"); var date =new Date(); var tt=date.getTime(); text.src="/IMG/immg?"+tt; } </script> </head> <body> <h1>用户登录</h1><br/> 用户名:<input type="text" name="nametext"/><br/> 密 码：<input type="text" name="psd"/><br/> 请输入验证码：<input type="text"/> <img src="/IMG/immg" id="aid"/><a href="javascript:flush()" >看不清</a> </body> </html> |
对于前台代码需要解释一下：
当我们的的验证码传过来看不清的时候需要刷新，而浏览器有自动记忆的功能，当没有新的参数传进来的时候，浏览器是不会刷新的，所以我们需要手动的去写一个js控制参数传，我们知道，只有时间是不会变化的，所有我们采用时间来作为参数传递。
PS:自己坑了一段时间的问题：验证码的路径问题。前端的“/”表示 tomcat目录，在项目内部，如web.xml中“/”表示该项目下。也就是说，他们两个的目录差了一层。
最后附上自己在测试的时候的代码以及修改数字形状的问题，如改成2D的效果更不错。都有很明显的记录。
|
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
|
package cn.hncu.com; import java.awt.Color; import java.awt.Font; import java.awt.Graphics; import java.awt.Graphics2D; import java.awt.geom.AffineTransform; import java.awt.image.BufferedImage; import java.io.FileNotFoundException; import java.io.FileOutputStream; import java.io.IOException; import java.util.Random; import javax.imageio.ImageIO; import org.junit.Test; public class Demoimg { @Test public void Test() throws Exception{ String str="9988"; int width=60; int height=30; //通过bufferedImage对象获得Graphics对象 BufferedImage bfi=new BufferedImage(width, height, BufferedImage.TYPE_INT_BGR); Graphics g=bfi.getGraphics(); g.drawString(str, 10,10); g.dispose();//类似于IO中的关流 ImageIO.write(bfi , "JPEG", new FileOutputStream("F:\\ex\\a.jpg")); //bfi为画布，将画布写到文件中JPEG为指定文件格式 } @Test public void Test2() throws Exception{ int width=100; int height=40; BufferedImage bfi =new BufferedImage(width, height, BufferedImage.TYPE_INT_RGB); Graphics g=bfi.getGraphics();//获得Graphics对象就可以画图 //1，设置背景（白框框） g.setColor(Color.WHITE);//白色的画笔 g.fillRect(0, 0, width, height); //2，具体生成随机数 String str="";//保存数据 Random rom=new Random(); //设置字体的大写与粗 g.setFont(new Font("a", Font.BOLD,20)); //画出具体的图片 for(int i=0;i<4;i++){ int num=rom.nextInt(10);//生成的随机数 g.setColor(new Color(rom.nextInt(256),rom.nextInt(256), rom.nextInt(256)));//设置画笔的颜色（随机） g.drawString(""+num, 20*i, 20+rom.nextInt(10));//画出线，x的位置每一之间增加20，y的坐标以20一条线，在线上或者是线下 //PS：位置需要明确些， } //画出一些干扰线 for (int i = 0; i < 10; i++) { g.setColor(new Color(rom.nextInt(256),rom.nextInt(256), rom.nextInt(256)));//设置画笔的颜色（随机） g.drawLine(rom.nextInt(100),rom.nextInt(40), rom.nextInt(100), rom.nextInt(40));//位置也是随机，x，y的值不要超过矩形框框 } g.dispose(); ImageIO.write(bfi, "JPEG", new FileOutputStream("F:\\ex\\b.jpg")); } //画出可以变化的情况 //字体能够旋转的验证码 @Test public void Test3() throws IOException{ int width=100; int height=40; BufferedImage bfi =new BufferedImage(width, height, BufferedImage.TYPE_INT_RGB); Graphics g=bfi.getGraphics(); Graphics2D g2d=(Graphics2D) g; Random rom =new Random(); g2d.setColor(Color.WHITE);//设置画笔的颜色 g2d.fillRect(0, 0, width, height);//画出一个白色的矩形 g2d.setFont(new Font("a", Font.BOLD, 20)); for(int i=0;i<4;i++){ int num=rom.nextInt(10); //旋转，放缩 AffineTransform aff=new AffineTransform(); //aff.rotate(Math.random(), i*18, height-20);//旋转 aff.scale(0.6+Math.random(), 0.6+Math.random());//缩放 g2d.setColor(new Color(rom.nextInt(256),rom.nextInt(256),rom.nextInt(256))); g2d.setTransform(aff); g2d.drawString(""+num, i*18, height-25); } g2d.dispose(); ImageIO.write(bfi, "JPEG", new FileOutputStream("F:\\ex\\c.jpg")); } } |
以上就是关于java生成验证码的基本流程，还附带了自己亲自的测试的代码，希望这些都能帮到大家。
