JavaWeb实现登录验证码示例

雨点打透心脏的1/2处 2022-05-26 00:17 366阅读 0赞

# JavaWeb实现登录验证码示例 #

## 一、页面部分 ##

Java Code

## 二、登录Servlet ##

Java Code

## 三、验证码生成工具类 ##

Java Code

<table style="width:100%;font-family:Consolas, 'Courier New';font-size:12px;vertical-align:text-top;line-height:15px;"> 
 <tbody> 
 <tr> 
 <td style="color:#008284;background-color:#e3e3e3;vertical-align:text-top;"> 
 <div style="margin:7px;text-align:right;white-space:nowrap;">
 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 
 101 
 102 
 103 
 104 
 105 
 106 
 
 </div></td> 
 <td style="background-color:#008284;padding:1px;"> 
 <div style="border:1px #008284 solid;"></div></td> 
 <td style="background-color:#efefef;width:100%;vertical-align:text-top;color:#000000;"> 
 <div style="margin:7px;"> 
 package 
 &nbsp;cn.wj.servlet; 
 import 
 &nbsp;java.awt.BasicStroke; 
 import 
 &nbsp;java.awt.Color; 
 import 
 &nbsp;java.awt.Font; 
 import 
 &nbsp;java.awt.Graphics2D; 
 import 
 &nbsp;java.awt.image.BufferedImage; 
 import 
 &nbsp;java.io.IOException; 
 import 
 &nbsp;java.io.OutputStream; 
 import 
 &nbsp;java.util.Random; 
 import 
 &nbsp;javax.imageio.ImageIO; 
 public 
 &nbsp; 
 class 
 &nbsp;VerifyCode&nbsp;{ &nbsp;&nbsp;&nbsp;&nbsp; 
 private 
 &nbsp; 
 int 
 &nbsp;w&nbsp;=&nbsp; 
 70 
 ; &nbsp;&nbsp;&nbsp;&nbsp; 
 private 
 &nbsp; 
 int 
 &nbsp;h&nbsp;=&nbsp; 
 35 
 ; &nbsp;&nbsp;&nbsp;&nbsp; 
 private 
 &nbsp;Random&nbsp;r&nbsp;=&nbsp; 
 new 
 &nbsp;Random(); &nbsp;&nbsp;&nbsp;&nbsp; 
 //&nbsp;{"宋体",&nbsp;"华文楷体",&nbsp;"黑体",&nbsp;"华文新魏",&nbsp;"华文隶书",&nbsp;"微软雅黑",&nbsp;"楷体_GB2312"} 
 &nbsp;&nbsp;&nbsp;&nbsp; 
 private 
 &nbsp; 
 String 
 []&nbsp;fontNames&nbsp;&nbsp;=&nbsp;{ 
 "宋体" 
 ,&nbsp; 
 "华文楷体" 
 ,&nbsp; 
 "黑体" 
 ,&nbsp; 
 "微软雅黑" 
 ,&nbsp; 
 "楷体_GB2312" 
 }; &nbsp;&nbsp;&nbsp;&nbsp; 
 //&nbsp;可选字符 
 &nbsp;&nbsp;&nbsp;&nbsp; 
 private 
 &nbsp; 
 String 
 &nbsp;codes&nbsp;&nbsp;=&nbsp; 
 "23456789abcdefghjkmnopqrstuvwxyzABCDEFGHJKMNPQRSTUVWXYZ" 
 ; &nbsp;&nbsp;&nbsp;&nbsp; 
 //&nbsp;背景色 
 &nbsp;&nbsp;&nbsp;&nbsp; 
 private 
 &nbsp;Color&nbsp;bgColor&nbsp;&nbsp;=&nbsp; 
 new 
 &nbsp;Color( 
 255 
 ,&nbsp; 
 255 
 ,&nbsp; 
 255 
 ); &nbsp;&nbsp;&nbsp;&nbsp; 
 //&nbsp;验证码上的文本 
 &nbsp;&nbsp;&nbsp;&nbsp; 
 private 
 &nbsp; 
 String 
 &nbsp;text&nbsp;; &nbsp;&nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp;&nbsp; 
 //&nbsp;生成随机的颜色 
 &nbsp;&nbsp;&nbsp;&nbsp; 
 private 
 &nbsp;Color&nbsp;randomColor&nbsp;()&nbsp;{ &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; 
 int 
 &nbsp;red&nbsp;=&nbsp;r.nextInt( 
 150 
 ); &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; 
 int 
 &nbsp;green&nbsp;=&nbsp;r.nextInt( 
 150 
 ); &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; 
 int 
 &nbsp;blue&nbsp;=&nbsp;r.nextInt( 
 150 
 ); &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; 
 return 
 &nbsp; 
 new 
 &nbsp;Color(red,&nbsp;green,&nbsp;blue); &nbsp;&nbsp;&nbsp;&nbsp;} &nbsp;&nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp;&nbsp; 
 //&nbsp;生成随机的字体 
 &nbsp;&nbsp;&nbsp;&nbsp; 
 private 
 &nbsp;Font&nbsp;randomFont&nbsp;()&nbsp;{ &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; 
 int 
 &nbsp;index&nbsp;=&nbsp;r.nextInt(fontNames.length); &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; 
 String 
 &nbsp;fontName&nbsp;=&nbsp;fontNames[index]; 
 //生成随机的字体名称 
 &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; 
 int 
 &nbsp;style&nbsp;=&nbsp;r.nextInt( 
 4 
 ); 
 //生成随机的样式,&nbsp;0(无样式),&nbsp;1(粗体),&nbsp;2(斜体),&nbsp;3(粗体+斜体) 
 &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; 
 int 
 &nbsp;size&nbsp;=&nbsp;r.nextInt( 
 5 
 )&nbsp;+&nbsp; 
 24 
 ;&nbsp; 
 //生成随机字号,&nbsp;24&nbsp;~&nbsp;28 
 &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; 
 return 
 &nbsp; 
 new 
 &nbsp;Font(fontName,&nbsp;style,&nbsp;size); &nbsp;&nbsp;&nbsp;&nbsp;} &nbsp;&nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp;&nbsp; 
 //&nbsp;画干扰线 
 &nbsp;&nbsp;&nbsp;&nbsp; 
 private 
 &nbsp; 
 void 
 &nbsp;drawLine&nbsp;(BufferedImage&nbsp;image)&nbsp;{ &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; 
 int 
 &nbsp;num&nbsp;&nbsp;=&nbsp; 
 3 
 ; 
 //一共画3条 
 &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;Graphics2D&nbsp;g2&nbsp;=&nbsp;(Graphics2D)image.getGraphics(); &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; 
 for 
 ( 
 int 
 &nbsp;i&nbsp;=&nbsp; 
 0 
 ;&nbsp;i&nbsp;&lt;&nbsp;num;&nbsp;i++)&nbsp;{ 
 //生成两个点的坐标，即4个值 
 &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; 
 int 
 &nbsp;x1&nbsp;=&nbsp;r.nextInt(w); &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; 
 int 
 &nbsp;y1&nbsp;=&nbsp;r.nextInt(h); &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; 
 int 
 &nbsp;x2&nbsp;=&nbsp;r.nextInt(w); &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; 
 int 
 &nbsp;y2&nbsp;=&nbsp;r.nextInt(h);&nbsp; &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;g2.setStroke( 
 new 
 &nbsp;BasicStroke( 
 1 
 .5F));&nbsp; &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;g2.setColor(Color.BLUE);&nbsp; 
 //干扰线是蓝色 
 &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;g2.drawLine(x1,&nbsp;y1,&nbsp;x2,&nbsp;y2); 
 //画线 
 &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;} &nbsp;&nbsp;&nbsp;&nbsp;} &nbsp;&nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp;&nbsp; 
 //&nbsp;随机生成一个字符 
 &nbsp;&nbsp;&nbsp;&nbsp; 
 private 
 &nbsp; 
 char 
 &nbsp;randomChar&nbsp;()&nbsp;{ &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; 
 int 
 &nbsp;index&nbsp;=&nbsp;r.nextInt(codes.length()); &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; 
 return 
 &nbsp;codes.charAt(index); &nbsp;&nbsp;&nbsp;&nbsp;} &nbsp;&nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp;&nbsp; 
 //&nbsp;创建BufferedImage 
 &nbsp;&nbsp;&nbsp;&nbsp; 
 private 
 &nbsp;BufferedImage&nbsp;createImage&nbsp;()&nbsp;{ &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;BufferedImage&nbsp;image&nbsp;=&nbsp; 
 new 
 &nbsp;BufferedImage(w,&nbsp;h,&nbsp;BufferedImage.TYPE_INT_RGB);&nbsp; &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;Graphics2D&nbsp;g2&nbsp;=&nbsp;(Graphics2D)image.getGraphics();&nbsp; &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;g2.setColor( 
 this 
 .bgColor); &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;g2.fillRect( 
 0 
 ,&nbsp; 
 0 
 ,&nbsp;w,&nbsp;h); &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; 
 return 
 &nbsp;image; &nbsp;&nbsp;&nbsp;&nbsp;} &nbsp;&nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp;&nbsp; 
 //&nbsp;调用这个方法得到验证码 
 &nbsp;&nbsp;&nbsp;&nbsp; 
 public 
 &nbsp;BufferedImage&nbsp;getImage&nbsp;()&nbsp;{ &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;BufferedImage&nbsp;image&nbsp;=&nbsp;createImage(); 
 //创建图片缓冲区&nbsp; 
 &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;Graphics2D&nbsp;g2&nbsp;=&nbsp;(Graphics2D)image.getGraphics(); 
 //得到绘制环境 
 &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;StringBuilder&nbsp;sb&nbsp;=&nbsp; 
 new 
 &nbsp;StringBuilder(); 
 //用来装载生成的验证码文本 
 &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; 
 //&nbsp;向图片中画4个字符 
 &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; 
 for 
 ( 
 int 
 &nbsp;i&nbsp;=&nbsp; 
 0 
 ;&nbsp;i&nbsp;&lt;&nbsp; 
 4 
 ;&nbsp;i++)&nbsp;&nbsp;{ 
 //循环四次，每次生成一个字符 
 &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; 
 String 
 &nbsp;s&nbsp;=&nbsp;randomChar()&nbsp;+&nbsp; 
 "" 
 ; 
 //随机生成一个字母&nbsp; 
 &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;sb.append(s);&nbsp; 
 //把字母添加到sb中 
 &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; 
 float 
 &nbsp;x&nbsp;=&nbsp;i&nbsp;*&nbsp; 
 1 
 .0F&nbsp;*&nbsp;w&nbsp;/&nbsp; 
 4 
 ;&nbsp; 
 //设置当前字符的x轴坐标 
 &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;g2.setFont(randomFont());&nbsp; 
 //设置随机字体 
 &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;g2.setColor(randomColor());&nbsp; 
 //设置随机颜色 
 &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;g2.drawString(s,&nbsp;x,&nbsp;h- 
 5 
 );&nbsp; 
 //画图 
 &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;} &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; 
 this 
 .text&nbsp;=&nbsp;sb.toString();&nbsp; 
 //把生成的字符串赋给了this.text 
 &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;drawLine(image);&nbsp; 
 //添加干扰线 
 &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; 
 return 
 &nbsp;image;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp;&nbsp;} &nbsp;&nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp;&nbsp; 
 //&nbsp;返回验证码图片上的文本 
 &nbsp;&nbsp;&nbsp;&nbsp; 
 public 
 &nbsp; 
 String 
 &nbsp;getText&nbsp;()&nbsp;{ &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; 
 return 
 &nbsp;text; &nbsp;&nbsp;&nbsp;&nbsp;} &nbsp;&nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp;&nbsp; 
 //&nbsp;保存图片到指定的输出流 
 &nbsp;&nbsp;&nbsp;&nbsp; 
 public 
 &nbsp; 
 static 
 &nbsp; 
 void 
 &nbsp;output&nbsp;(BufferedImage&nbsp;image,&nbsp;OutputStream&nbsp;out)&nbsp; &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; 
 throws 
 &nbsp;IOException&nbsp;{ &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;ImageIO.write(image,&nbsp; 
 "JPEG" 
 ,&nbsp;out); &nbsp;&nbsp;&nbsp;&nbsp;} } 
 </div></td> 
 </tr> 
 </tbody> 
</table>

## 四、验证码Servlet ##

Java Code