Web程序設計-ASP.NET MVC4用戶登錄操作實例

Web程序設計-ASP.NET MVC4用戶登錄操作實例

ASP.NET MVC用戶登錄操作實現

Web應用程序,用戶登錄操作是其基本功能之一。通過用戶登錄機制的設計,保證程序使用的安全與用戶身份的合法性。本文主要結合實際案例對MVC4模式下用戶登錄功能設計與實現進行說明。


前端設計

本例登錄頁面主要藉助之前使用Pure框架技術開發的前端頁面,在前端頁面模板基礎上,使用Pure-Form表單樣式進行了登錄頁面及登錄表單設計。前端登錄頁面設計效果如下圖所示:

Web程序設計-ASP.NET MVC4用戶登錄操作實例

前端登錄表單設計

前端登錄表單設計樣式描述如上圖所示,主要表單元素為登錄名稱、登錄密碼、登錄狀態。登錄窗口提供記住登錄狀態功能。選中該選項,下次運行時會自動顯示登錄名稱與登錄密碼。表單部分設計代碼描述如下圖所示:

Web程序設計-ASP.NET MVC4用戶登錄操作實例

表單設計部分代碼描述


控制器設計

在完成前端設計之後,可以對Web服務器端進行編程與實現。其中登錄求請求單獨定義控制器LoginController實現接收前端登錄請求。該控制器提供兩個主要方法,分別為顯示登錄頁面方法與登錄檢驗方法。控制器定義描述如下圖所示:

Web程序設計-ASP.NET MVC4用戶登錄操作實例

用戶登錄功能控制器LoginController

用戶登錄功能模塊控制器基本定義描述如上圖,其中index方法用於實現登錄頁面展示。doLogin方法用於實現登錄業務處理。其中index方法需要對cookie進行判斷,如存儲cookie對應值則自動填寫用戶姓名與用戶密碼,實現記住密碼功能。doLogin方法在處理登錄操作時,需要獲取表單填寫的信息,並對記住密碼進行客戶端cookie的存儲。


控制器方法的實現

控制器基本定義設置描述如上圖,其中index主要用於展示登錄頁面,核心操作為判斷是否已經通過cookie在客戶端進行用戶登錄名稱與登錄密碼的存儲。index方法實現代碼描述如下圖所示:

Web程序設計-ASP.NET MVC4用戶登錄操作實例

LoginController控制器index方法實現代碼

LoginController控制器下index頁面展示方法描述如上圖所示,通過Request.Cookies檢查客戶端存儲信息,如存在則通過ViewData傳遞給View視圖,直接輸出顯示,並設置複選框為循環中checked狀態。

doLogin方法主要用於實現處理登錄請求,基本思路為獲取登錄頁面傳遞參數值,構造查詢語句,實現對登錄信息表進行查詢,如果存在記錄則表明用戶登錄身份合法,再判斷用戶是否選擇記住密碼。如選擇,則將密碼與用戶名寫入客戶端cookies。否則檢查客戶端Cookie並刪除。登錄成功跳轉到成功頁面進行下一步操作,否則給出登錄錯誤提示信息,並返回信息填寫頁面。doLogin方法實現代碼描述如下圖所示:

Web程序設計-ASP.NET MVC4用戶登錄操作實例

數據查詢實現代碼

數據查詢及結果判斷代碼描述如上圖所示,其中getRecordCount為獲取查詢結果記錄集條數,如存在記錄則返回bool。當複選框狀態未選中則執行Cookie寫入操作。上圖設計有效時間為7天。當用戶未選擇使用記住密碼功能時,需要使之前Cookies失效。失效實現代碼描述如下圖所示:

Web程序設計-ASP.NET MVC4用戶登錄操作實例

取消Cookies實現代碼

最後針對登錄數據庫數據查詢失敗的情況進行處理,給出提示信息並返回登錄頁面,實現代碼描述如下圖。

Web程序設計-ASP.NET MVC4用戶登錄操作實例

登陸失敗處理


實施效果

編寫程序完成可進行頁面的調試運行,當用戶選擇記住密碼登錄操作之後,下次再打開登錄窗口,其用戶名,登錄狀態等會自動顯示。運行效果如下:

Web程序設計-ASP.NET MVC4用戶登錄操作實例

記住密碼

登錄失敗頁面運行效果如下圖:

Web程序設計-ASP.NET MVC4用戶登錄操作實例

登錄失敗提示信息

登錄成功之後本文僅展示跳轉到新的頁面,該頁面還未進行設計。效果如下圖:

Web程序設計-ASP.NET MVC4用戶登錄操作實例

登錄成功頁面

以上給出MVC設計模式下,使用ADO.NET 、Cookies等進行了登錄頁面設計與開發。本例提供完整代碼,如需要,請關注後私信


本頭條號長期關注編程資訊分享;編程課程、素材、代碼分享及編程培訓。如果您對以上方面有興趣或代碼錯誤、建議與意見,可在評論區回覆。更多程序設計相關教程及實例分享,期待大家關注與閱讀!相關文章鏈接如下:


分享到:


相關文章: