ASP.NET MVC 使用總結(一)

      這裏說的ASP.NET MVC 指的是ASP.NET MVC 1.0版。入門教程推薦：“從零開始學習ASP.NET MVC 1.0 ” 。以下是項目實踐中的一點總結：

1、 動態綁定Html.DropDownList
方法：
public SelectList BindUserArea() { IQueryable<Area> areaList = areaRepository.GetAll(); List<SelectListItem> selectListAreas = new List<SelectListItem>(); foreach (Area item in areaList) { selectListAreas.Add(new SelectListItem { Text = item.name, Value = item.areaid.ToString() }); } return new SelectList(selectListAreas, "Value", "Text"); }
       這裏的areaRepository.GetAll()是抽象和封裝了LINQ TO SQL查詢的方法，這裏只貼出一篇相關文章的鏈接：參考>>（Repository類）。建議感興趣的朋友研究一下ASP.NET MVC開源項目"Suteki.Shop"，裏面的代碼很經典。這一個Repository類綜合運用了泛型、約束、LINQ，Lambda表達式等。項目下載地址：sutekishop

 

      在該頁面的Action中這樣使用上面的方法：
      ViewData["areaSelectList"] = serviceObj.BindUserArea();
      將得到的結果賦值給一個ViewData對象以便在頁面中使用。

 

      在頁面中這樣使用這個ViewData對象：
      <%=Html.DropDownList("area", ViewData["areaSelectList"] as SelectList)%>

 

      以上是ASP.NET MVC中的動態綁定Html.DropDownList的方法。因爲這裏的area信息並不是固定不變的。
      其實Html.DropDownList最後得到的就是HTML中的select標籤及其option標籤，因此也可以使用AJAX請求該頁面的方法，在該方法中生成對應的HTML，返回給頁面，再追加到頁面中指定的位置（比如某個DIV中）來實現。這種方法這裏不做介紹。

 

2、 ASP.NET MVC表單提交
      比如我要做一個用戶查詢頁面，其中一個條件是用戶名，在ASP.NET MVC中我怎麼才能將該條件傳給該頁面對應的Action，並將結果在頁面中顯示？見如下代碼：

 

ListUser頁面代碼：
<%@ Page Title="" Language="C#" MasterPageFile="~/Views/Shared/DefaultSite.Master" Inherits="System.Web.Mvc.ViewPage<IPagedList<User>>" %> <%@ Import Namespace="MyProject.Models" %> <%@ Import Namespace="MvcPaging" %> <asp:Content ID="Content1" ContentPlaceHolderID="TitleContent" runat="server"> ListUser </asp:Content> <asp:Content ID="Content2" ContentPlaceHolderID="MainContent" runat="server"> <div class="formDiv"> <%using (Html.BeginForm("ListUser", "Admin", FormMethod.Post))%> <%{%> <div style="height: 45; margin-bottom: 5px;"> <div style="float: left; padding-top: 5px; padding-left: 40px; color: #D1D1D1; width: 300px;"> 姓名：<%=Html.TextBox("username", ViewData["username"])%> </div> <div style="float: left; padding-left: 40px;" mce_style="float: left; padding-left: 40px;"> <%=Html.TextBox("submitBtn","", new { type = "image", src = "../../Content/Image/search.jpg" })%> </div> </div> <%}%> <div style="padding-left: 40px;" mce_style="padding-left: 40px;"> <table class="isTable" style="width: 900px; padding-left: 0px;"> <tr> <th> 編號 </th> <th> 用戶名 </th> <th> 郵箱 </th> <th> 地區 </th> </tr> <%foreach (var item in Model) {%> <tr> <td> <%=Html.Encode(item.userid)%> </td> <td> <%=Html.Encode(item.username)%> </td> <td> <%=Html.Encode(item.email)%> </td> <td> <%=Html.Encode(item.area)%> </td> </tr> <%}%> </table> <div class="pager"> <%=Html.Pager(ViewData.Model.PageSize, ViewData.Model.PageNumber, ViewData.Model.TotalItemCount, new{ username = ViewData["username"]})%> </div> </div> </div> </asp:Content>

      Html.BeginForm("ListUser", "admin",FormMethod.Post)最終對應的HTML是<form action="/admin/ListUser" method="post">，這個和Html.DropDownList方法一樣，是ASP.NET MVC中特有的方法，其實這裏我們完全可以使用對應的HTML標籤。

 

ListUser頁面的Action：
public ActionResult ListUser (int? page, FormCollection form) { int pageValue = page.HasValue ? page.Value : 1; string username = form["username"]; ViewData["username"]= username; IQueryable<User> users = serviceObj.SelectUser(username); ViewData.Model = users.ToPagedList(pageValue,10); //數據傳給頁面 return View("ListUserTest"); }
      這裏除了定義一個FormCollection對象作爲參數，還可以直接定義對應的string參數。比如，這裏就可以直接定義參數username,那麼在submit之後，username的值就是在頁面輸入的查詢關鍵字。

 

SelectUser方法如下：
public IQueryable<User> SelectUser(string username) { username = username ?? ""; IQueryable<User> users = userRepository.GetAll().Where(u => u.username.Contains(username)); //LINQ模糊查詢 return users; }  
      頁面頂部代碼中Inherits屬性指定的是頁面接收的數據類型，IpagedList是MvcPaging中的方法，這裏不作介紹，給個相關文章的鏈接：參考>>(ASP.NET MVC分頁)。更多總結會陸續更新上來。