驗證碼原理分析及實現

一、前言

最近學習實現了驗證碼，首先附圖效果如下：(

簡單說明：

分別提交正確、錯誤的驗證碼及對應效果

本文是圖文結合說明)

二、驗證碼的作用

驗證碼是目前大多網站所支援並使用於註冊登入的。就在於其作用能有效防止惡意登入註冊，驗證碼每次都不同,

這就可以排除,用其他病毒或者軟體自動申請使用者及自動登陸.有效防止這種問題。

三、原理及知識點分析

驗證碼於伺服器端生成，傳送給客戶端，並以影象格式顯示。客戶端提交所顯示的驗證碼，客戶端接收並進行比較，若比對失敗則不能實現登入或註冊，反之成功後跳轉相應介面。

伺服器端的相關實現，前端運用 HTML 5，CSS 3 ,(可空白留給美工實現，須有 HTML 基礎知識)。

主要是三部分:

(提交介面， 成功及失敗的) jsp

(後臺對應提交 jsp 驗證提交內容的) servlet (生成驗證碼的) servlet

XML 文件

四、驗證碼實現

新建專案，預設生成 index.jsp 新建成功及失敗 jsp（檔名自定義，但後臺使用其路徑時要對應即可）

注意:將 charset ，pageEncoding 設定為 utf-8 才能支援中文，否則亂碼，此處採用 post 方法處理 Form 表單提交資料

提交介面jsp 程式碼及成功 jsp失敗 jsp

三個介面的程式碼分別如下：

(1).提交頁面主要程式碼：

(2).成功頁面主要程式碼，驗證碼輸入成功跳轉的介面，提示登入成功或驗證碼輸入正確

(3).失敗頁面主要程式碼

(

)

3. servlet 檔案處理資料

新建 servlet 對應 img 的 src 路徑來源屬性值，此處命名為 ImageServlet （可自定義但要相互對應）

實現驗證碼的產生與顯示

程式碼如下：

新建 action 對應的路徑屬性值 servlet 命名為 index 實現驗證及相關處理

程式碼如下：

5.新建對應的 XML 文件，程式碼如下