Java驗證碼—ValidateCode的使用

一、關於為何使用驗證的解釋

在目前的網頁的登入、註冊中經常會見到各種驗證碼。其目的便是為了：防止暴力破解 .因為只要CPU效能較強，便可以在慢慢嘗試密碼的過程中來破解使用者賬號，因而導致的結果是使用者資訊不安全。

但是如果使用驗證碼，一旦使用者輸入的密碼或賬號不正確時，驗證碼也會立馬改變，這樣便在一定程度上實現了安全性。

為了避免上面原因造成的結果，Java中提供了相應的方法來實現驗證功能。

1.建立一個servlet在其中寫下面程式碼

（1）在doGet方法中

[java] view plain copy

（2）單獨提出來的test2方法中

[java] view plain copy

private void test2(HttpServletResponse response) throws IOException{
int width=110;
int height=25;
//1.在記憶體中建立一個影象物件
BufferedImage img=new BufferedImage(width, height, BufferedImage.TYPE_INT_BGR);// 構造一個型別為預定義影象型別之一的 BufferedImage。
//表示一個具有 8 位 RGB 顏色分量的影象，對應於 Windows 或 Solaris 風格的 BGR 顏色模型，具有打包為整數畫素的 Blue、Green 和 Red 三種顏色。
//2.建立一個畫筆
Graphics g=img.getGraphics();
//3給背景圖片新增一個顏色
g.setColor(Color.PINK);
g.fillRect(1, 1, width-2, width-2);//建議使用IE瀏覽器訪問，Google瀏覽器和獲取均顯示為居中的圖片，ie顯示左上角
//4.給邊框一個色
g.setColor(Color.RED);
g.drawRect(0, 0, width-1, height-1);
//5.設定文字樣式
g.setColor(Color.BLUE);
g.setFont(new Font("宋體",Font.BOLD|Font.ITALIC,15));//Font物件 ----根據指定名稱、樣式和磅值大小，建立一個新 Font。
//6.給圖片新增文字
Random rand=new Random();
int position=20;
for(int i=0;i<4;i++){
g.drawString(rand.nextInt(10)+"", position, 20);//給圖片填充文字
position+=20;
}
//7.將圖片以物件流的方式輸出到客戶端
ImageIO.write(img, "jpg", response.getOutputStream());
}

得到的結果是（在IE瀏覽器中的顯示效果，如果在Google瀏覽器、火狐瀏覽器中將會顯示在螢幕中間，且周圍為黑色）：

通常見到的驗證碼顯示在登入、註冊中。所以講驗證碼內容放在html中

（3）在NewFile.html中

[html] view plain copy

<!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>Insert title here</title>
<script type="text/javascript">
//得到圖片元素
function changeCode(){
var img = document.getElementsByTagName("img")[0];
img.src = "/ee10_request_response/servlet/ServletDemo01";
}
</script>
</head>
<body>
<form action="#" method="post">
使用者名稱：<input type="text" name="username"/><br/>
密碼：<input type="password" name="psw"/><br/>
驗證碼：<input type="text" name="code"/>
<img src="/ee10_request_response/servlet/ServletDemo01" onclick="changeCode()"/><a href="javascript:changeCode()">看不清換一張</a><br/>
<input type="submit" value="登入"/><br/>
</form>
</body>
</html>

得到的結果如下：