1、List頁面
一般List頁面主要用來顯示數(shù)據(jù)，本文中的List頁面提供，數(shù)據(jù)顯示并且分頁、刪除操作、新增及修改操作。因為看到園子里面有部分人在使用MVC進行數(shù)據(jù)顯示的時候還在使用ViewData，這里介紹的是強類型顯示數(shù)據(jù)。添加新的視圖，在第一行代碼可以看到
復制代碼 代碼如下:
%@ Page Language="C#" Inherits="System.Web.Mvc.ViewPagedynamic>" %>
這里可以定義這個視圖的類型，操作起來也比較方便，我們這里這樣定義
復制代碼 代碼如下:
%@ Page Language="C#" Inherits="System.Web.Mvc.ViewPageWeb.Models.PageDataWeb.Models.Users>>" %>
這里返回的是一個分頁集合實體類，實體類定義
復制代碼 代碼如下:
/// summary>
/// 分頁查詢記錄集類
/// /summary>
/// typeparam name="T">通類類型/typeparam>
public class PageDataT>
{
/// summary>
/// 獲取或設置查詢返回的分頁記錄集
/// /summary>
public ListT> GetDate = new ListT>();
/// summary>
/// 獲取或設置符合查詢條件總記錄數(shù)
/// /summary>
public int Count { get; set; }
/// summary>
/// 每頁多少條
/// /summary>
public int PageSize = 5;
/// summary>
/// 當前多少頁
/// /summary>
public int PageIndex { get; set; }
}
經(jīng)過控制器處理之后返回相關參數(shù)，包含分頁所需要的顯示數(shù)據(jù)、總記錄數(shù)、頁碼、當前第幾頁信息。因為在List頁面中已經(jīng)定義過類型了，那么調(diào)用的時候直接通過Model就可以調(diào)用出來。
上圖可以看出，GetDate這個屬性中保存的是泛型的數(shù)據(jù)集合，這樣我們就可以循環(huán)的顯示出來。如果分頁的話，根據(jù)頁碼傳值至控制器，重新獲取數(shù)據(jù)，填充，然后返回，再顯示，這里就可以實現(xiàn)顯示數(shù)據(jù)并且分頁的功能了。這里稍微介紹下分頁的插件，用的是jquery.pagination，如果大家不熟悉使用的話，園子里有詳細介紹的文章。
控制器中從數(shù)據(jù)庫中獲取相關數(shù)據(jù)，填充至實體類中，這樣視圖中直接調(diào)用就OK了。這里說寫控制器中的寫法。
復制代碼 代碼如下:
$(function () {
//分頁參數(shù)設置
$("#Pagination").pagination(%=Model.Count%>, {
callback: pageselectCallback,
prev_text: "« 上一頁", //上一頁按鈕文字
next_text: "下一頁 »", //下一頁按鈕文字
items_per_page: %=Model.PageSize%>, //每頁顯示多少條
num_display_entries: 5, //連續(xù)分頁主體部分顯示的分頁條目數(shù)
current_page: %=Model.PageIndex%>, //當前多少頁
num_edge_entries: 1, //兩側(cè)顯示的首尾分頁的條目數(shù)
link_to: "?page=__id__"
});
});
function pageselectCallback(page_id, jq) {
//回調(diào)函數(shù)
}
2、添加操作。
我們先定義一個實體類。
復制代碼 代碼如下:
/// summary>
/// 用戶ID
/// /summary>
public int UID { get; set; }
/// summary>
/// 登錄帳號
/// /summary>
public string UName { get; set; }
/// summary>
/// 登錄密碼
/// /summary>
public string UPassWord { get; set; }
然后在新增的頁面我們需要定義兩個input，然后輸入登錄帳號和登錄密碼，注意在定義兩個input的時候，請務必設置input的name屬性跟實體類對應，當然我們的視圖也需要定義類型為Users（實體類，類名），設置action和method屬性。
復制代碼 代碼如下:
%@ Page Language="C#" Inherits="System.Web.Mvc.ViewPageWeb.Models.Users>" %>
form action="/Demo/Add/" method="post">
table>
tr>
td>登錄帳號：/td>
td>input type="text" name="UName" />/td>
/tr>
tr>
td>登錄密碼：/td>
td>input type="password" name="UPassWord" />/td>
/tr>
tr>
td colspan="2" align="center">input type="submit" value="提交" />/td>
/tr>
/table>
/form>
因為MVC會把表單自動映射到實體類的字段中，那么我們在控制器中直接獲取這個實體類就OK了。因為看到有些童鞋獲取數(shù)據(jù)是通過Request.Form[""]來獲取值的。
復制代碼 代碼如下:
[HttpPost]
//進行添加操作
public ActionResult Add(Users model)
{
//這里可以進行新增操作
//Bll.Add(model);
return RedirectToAction("List");
}
這樣實體類中就保存了表單中的值了，不用在一個個去獲取賦值了。修改的話跟這個差不多，這里就不過細去講了，在文章的最后會提供DEMO的下載。
點擊下載
您可能感興趣的文章:- Asp.Net Mvc2 增刪改查DEMO附下載
- angularJS與bootstrap結(jié)合實現(xiàn)動態(tài)加載彈出提示內(nèi)容
- asp.net MVC利用自定義ModelBinder過濾關鍵字的方法(附demo源碼下載)
- ASP.NET MVC使用ActionFilterAttribute實現(xiàn)權(quán)限限制的方法(附demo源碼下載)
- 基于AngularJs + Bootstrap + AngularStrap相結(jié)合實現(xiàn)省市區(qū)聯(lián)動代碼
- indexedDB bootstrap angularjs之 MVC DOMO (應用示例)
