驗證碼原理分析及實現


一、前言

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

    簡單說明:

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

        本文是圖文結合說明)

          

    

 

        

    


二、驗證碼的作用

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

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

 

三、原理及知識點分析

    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的朋友,有什么問題都可以一起交流互相學習進步,不喜勿擾!

 


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM