天天看點

輕松學MVC4.0–2 建立使用者清單頁面

<a href="http://www.cnblogs.com/ybst/archive/2012/10/31/2747764.html">原文 http://www.cnblogs.com/ybst/archive/2012/10/31/2747764.html</a>

1、打開 Controllers\AccountController.cs

2、加入新方法Index:

輕松學MVC4.0–2 建立使用者清單頁面

3、在方法名稱上點選右鍵,選擇添加視圖

輕松學MVC4.0–2 建立使用者清單頁面

確定選擇了圖上紅色箭頭指向的東西,确定之後會在 Views/Account檔案夾下生成一個視圖:Index.cshtml。

Index.cshtml檔案中已經生成了一些代碼,為了該頁面通用性(擴充性)好些,我們針對它定義一個自己的Model類:UserQueryModel.

4、定義Model類。

打開Models\AccountModels.cs, 在using部分加入:

輕松學MVC4.0–2 建立使用者清單頁面

後面加入Model類:

輕松學MVC4.0–2 建立使用者清單頁面

可以看到裡面有對EntityFramework的調用,而且是基于新的CodeFirst的,這也是VS的項目模闆裡內建好的東西。現在Build一下項目檔案,以確定代碼無誤,并且Razor引擎可以正确識别新的Model類。

5、改造一下 Account\Index.cshtml 視圖裡的代碼:

輕松學MVC4.0–2 建立使用者清單頁面
輕松學MVC4.0–2 建立使用者清單頁面
輕松學MVC4.0–2 建立使用者清單頁面

6、運作程式,在位址欄裡輸入 【website】/Account 。如果沒登入會要求登入(如果還沒有注冊使用者,則可自行注冊一個新的使用者),登入後會出現一個錯誤頁面,因為頁面的Model對象為null。

在AccountController類裡Index的Action中(即Index()方法中),傳回視圖時傳入一個初始過的UserQueryModel對象即可。

輕松學MVC4.0–2 建立使用者清單頁面

7、現在的效果:

輕松學MVC4.0–2 建立使用者清單頁面

至此一個顯示所有使用者清單的功能制作完成。 本篇尚未觸及Membership的核心,權作MVC的一個簡單示例,同時後面會邊豐富相關功能邊融入Membership的知識。  文中查詢資料實際發生在View頁面中,與常用的模型填充資料的時機一般是在Controller中。這裡隻是一種嘗試。

為了保持每篇盡可能簡潔,這篇就到這裡了。

繼續閱讀