驗證碼的作用:
驗證碼是Completely Automated Public Turing test to tell Computers and Humans Apart(全自動區分計算機和人類的圖靈測試)的縮寫,是一種區分用戶是計算機還是人的公共全自動程序,可以防止:惡意破解密碼、刷票、論壇灌水、有效防止某個黑客對某一特定注冊用戶,用特定程序暴力破解方式進行不斷的登錄嘗試。實際上驗證碼是現在很多網站通行的方式,我們利用比較簡易的方式實現了這個功能。
第一代:標准驗證碼
這一代驗證碼是即是我們常見的圖形驗證碼、語音驗證碼,基於機器難以處理復雜的計算機視覺及語音識別問題,而人類卻可以輕松的識別來區分人類及機器。這一代驗證碼初步利用了人類知識容易解答,而計算機難以解答的機制進行人機判斷。下面這種驗證碼就是第一代
Java 中生成驗證碼,一個.java就可以了
ValidateCodeServlet.java
package com.hpe.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.annotation.WebServlet; import javax.servlet.http.HttpServlet; import javax.servlet.http.HttpServletRequest; import javax.servlet.http.HttpServletResponse; @WebServlet("/ValidateCodeServlet") public class ValidateCodeServlet extends HttpServlet { private static final long serialVersionUID = 1L; public ValidateCodeServlet() { super(); } protected void doGet(HttpServletRequest request, HttpServletResponse response) throws ServletException, IOException { doPost(request, response); } protected void doPost(HttpServletRequest request, HttpServletResponse response) throws ServletException, IOException { // 響應頭信息 response.setHeader("Pragma", "No-Cache"); response.setHeader("Cache-Control", "no-cache"); response.setDateHeader("Expries", 0); // 隨機數生成類 Random random = new Random(); // 定義驗證碼的位數 int size = 5; // 定義變量保存生成的驗證碼 String vCode = ""; char c; // 產生驗證碼 for (int i = 0; i < size; i++) { // 產生一個26以內的隨機整數 int number = random.nextInt(26); // 如果生成的是偶數,則隨機生成一個數字 if (number % 2 == 0) { c = (char) ('0' + (char) ((int) (Math.random() * 10))); // 如果生成的是奇數,則隨機生成一個字母 } else { c = (char) ((char) ((int) (Math.random() * 26)) + 'A'); } vCode = vCode + c; } // 保存生成的5位驗證碼 request.getSession().setAttribute("vCode", vCode); // 驗證碼圖片的生成 // 定義圖片的寬度和高度 int width = (int) Math.ceil(size * 20); int height = 50; BufferedImage image = new BufferedImage(width, height, BufferedImage.TYPE_INT_RGB); // 獲取圖片的上下文 Graphics gr = image.getGraphics(); // 設定圖片背景顏色 gr.setColor(Color.WHITE); gr.fillRect(0, 0, width, height); // 設定圖片邊框 gr.setColor(Color.GRAY); gr.drawRect(0, 0, width - 1, height - 1); // 畫十條干擾線 for (int i = 0; i < 5; i++) { int x1 = random.nextInt(width); int y1 = random.nextInt(height); int x2 = random.nextInt(width); int y2 = random.nextInt(height); gr.setColor(randomColor()); gr.drawLine(x1, y1, x2, y2); } // 設置字體,畫驗證碼 gr.setColor(randomColor()); gr.setFont(randomFont()); gr.drawString(vCode, 10, 22); // 圖像生效 gr.dispose(); // 輸出到頁面 ImageIO.write(image, "JPEG", response.getOutputStream()); } // 生成隨機的顏色 private Color randomColor() { int red = r.nextInt(150); int green = r.nextInt(150); int blue = r.nextInt(150); return new Color(red, green, blue); } private String[] fontNames = { "宋體", "華文楷體", "黑體", "微軟雅黑", "楷體_GB2312" }; private Random r = new Random(); // 生成隨機的字體 private Font randomFont() { int index = r.nextInt(fontNames.length); String fontName = fontNames[index];// 生成隨機的字體名稱 int style = r.nextInt(4); int size = r.nextInt(3) + 24; // 生成隨機字號, 24 ~ 28 return new Font(fontName, style, size); } }
直接運行Java生成的結果:
在jsp網頁上顯示的效果:
jsp代碼:
<%@ page language="java" contentType="text/html; charset=UTF-8" pageEncoding="UTF-8"%> <!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> <head> <meta http-equiv="Content-Type" content="text/html; charset=UTF-8"> <meta http-equiv="Pragma" content="no-cache"> <meta http-equiv="Cache-Control" content="no-cache"> <meta http-equiv="Expires" content="0"> <title>login</title> <link href="css/login.css" type="text/css" rel="stylesheet"> <script type="text/javascript"> function $(id){ return document.getElementById(id); } function changeCode(){ $("code").src = "ValidateCodeServlet?a="+new Date(); } </script> </head> <body> <div class="login"> <div class="message">歡迎登錄</div> <hr class="hr15"> <div id="darkbannerwrap"></div> <form method="post"> <input name="action" value="login" type="hidden"> <input name="username" placeholder="用戶名" required="" type="text"> <hr class="hr15"> <input name="password" placeholder="密碼" required="" type="password"> <hr class="hr15"> <input name="check_code" placeholder="驗證碼" required="" type="text" style="width: 30%;"> <img class="img_code" src="ValidateCodeServlet" id="code" /> <a class="a_code" href="javascript:changeCode()">換一張</a> <hr class="hr15"> </form> </div> </body> </html>