一、前言
最近學習實現了驗證碼,首先附圖效果如下:(
簡單說明:
分別提交正確、錯誤的驗證碼及對應效果
本文是圖文結合說明)


二、驗證碼的作用
驗證碼是目前大多網站所支持並使用於注冊登錄的。就在於其作用能有效防止惡意登錄注冊,驗證碼每次都不同,
這就可以排除,用其他病毒或者軟件自動申請用戶及自動登陸.有效防止這種問題。
三、原理及知識點分析
1.原理
驗證碼於服務器端生成,發送給客戶端,並以圖像格式顯示。客戶端提交所顯示的驗證碼,客戶端接收並進行比較,若比對失敗則不能實現登錄或注冊,反之成功后跳轉相應界面。
2.主要知識
服務器端的相關實現,前端運用 HTML 5,CSS 3 ,(可空白留給美工實現,須有 HTML 基礎知識)。
主要是三部分:
(提交界面, 成功及失敗的) jsp
(后台對應提交 jsp 驗證提交內容的) servlet (生成驗證碼的) servlet
XML 文檔
四、驗證碼實現
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 文檔,代碼如下

學習Java和想學java的朋友這里介紹一個Java技術交流群:318261748 有免費的學習資料提供給大家,群里都是學習Java的朋友,有什么問題都可以一起交流互相學習進步,不喜勿擾!
