JSP、JQuery、Servlet交互實現驗證用戶名和密碼

    首先看一下效果:sql

      當用戶名和密碼正確時,跳轉至登陸成功頁面spa

      

      

 

 

 

      當用戶名或密碼不存在時,點擊登陸後,在當前頁面顯示「該用戶不存在」blog

      

 

      

 

 

 

    實現代碼:事件

      JavaBean:it

        若是隻須要作登陸驗證的話,只用封裝用戶名和密碼兩個屬性就行了登錄

      

 

 

 

 

      DAO層:表單

      

      DAO實現:sql語句

        個人邏輯是:sql語句查詢頁面傳來的用戶名密碼時,返回的是一個list集合;當用戶存在時,返回的集合不爲空,密碼

         即list.isEmpty()是false;反之則是true。
im

      

 

 

        Service層:

      

 

        Service層實現:

            

 

 

        Servlet:

                    

 

 

 

        JSP頁面:

        必定要記得導包;值得注意的是,按鈕button的類型必定要是「button」不能是「submit」

         否則點擊以後就提交了

      

 

 

        JQuery代碼:

        也就是上圖中箭頭所指文件中的內容。最後一個submit事件,替代了按鈕的「submit」的功能,

         它只會在用戶名和密碼都驗證正確之後提交表單

                                

相關文章
相關標籤/搜索