驗證碼的原理、做用及實現

驗證碼原理分析及實現

1、前言

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

簡單說明：

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

本文是圖文結合說明)

2、驗證碼的做用

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

這就能夠排除,用其餘病毒或者軟件自動申請用戶及自動登錄.有效防止這種問題。

3、原理及知識點分析

1.原理

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

2.主要知識

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

主要是三部分:

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

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

XML 文檔

4、驗證碼實現

1.所用軟件爲 Myeclipse

新建項目，默認生成 index.jsp 新建成功及失敗 jsp（文件名自定義，但後臺使用其路徑時要對應便可）

注意:將 charset ，pageEncoding 設置爲 utf-8 才能支持中文，不然亂碼，此處採用 post 方法處理 Form 表單提交數據

2. jsp 代碼寫界面

提交界面jsp 代碼及成功 jsp失敗 jsp

三個界面的代碼分別以下：

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

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

(3).失敗頁面主要代碼

(

其中form 表單中 action="index" 的 index 不是當前 index.jsp 文件，是對應

新建的檢測提交數據正誤的 servlet 名字可自定義，下面截圖所示：

此處是個人失誤，不用這個名字，就沒必要多解釋這一點，但願不會給各位帶來沒必要要的麻煩

)

3. servlet 文件處理數據

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

實現驗證碼的產生與顯示

代碼以下：

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

代碼以下：

5.新建對應的 XML 文檔，代碼以下

所實現效果即本文開頭所示。

不足之處請見諒及指教，謝謝覽閱。