復制代碼 代碼如下:

<%@ Page Language="C#" Inherits="System.Web.Mvc.ViewPage<dynamic>" %>

復制代碼 代碼如下:

<%@ Page Language="C#" Inherits="System.Web.Mvc.ViewPage<Web.Models.PageData<Web.Models.Users>>" %>

復制代碼 代碼如下:

/// <summary>
/// 分頁查詢記錄集類
/// </summary>
/// <typeparam>通類類型</typeparam>
public class PageData<T>
{
/// <summary>
/// 獲取或設置查詢返回的分頁記錄集
/// </summary>
public List<T> GetDate = new List<T>();

/// <summary>
/// 獲取或設置符合查詢條件總記錄數
/// </summary>
public int Count { get; set; }

/// <summary>
/// 每頁多少條
/// </summary>
public int PageSize = 5;

/// <summary>
/// 當前多少頁
/// </summary>
public int PageIndex { get; set; }
}

經過控制器處理之后返回相關參數，包含分頁所需要的顯示數據、總記錄數、頁碼、當前第幾頁信息。因為在List頁面中已經定義過類型了，那么調用的時候直接通過Model就可以調用出來。

上圖可以看出，GetDate這個屬性中保存的是泛型的數據集合，這樣我們就可以循環的顯示出來。如果分頁的話，根據頁碼傳值至控制器，重新獲取數據，填充，然后返回，再顯示，這里就可以實現顯示數據并且分頁的功能了。這里稍微介紹下分頁的插件，用的是jquery.pagination，如果大家不熟悉使用的話，園子里有詳細介紹的文章。

控制器中從數據庫中獲取相關數據，填充至實體類中，這樣視圖中直接調用就OK了。這里說寫控制器中的寫法。

復制代碼 代碼如下:

$(function () {
//分頁參數設置
$("#Pagination").pagination(<%=Model.Count%>, {
callback: pageselectCallback,
prev_text: "« 上一頁", //上一頁按鈕文字
next_text: "下一頁 »", //下一頁按鈕文字
items_per_page: <%=Model.PageSize%>, //每頁顯示多少條
num_display_entries: 5, //連續分頁主體部分顯示的分頁條目數
current_page: <%=Model.PageIndex%>, //當前多少頁
num_edge_entries: 1, //兩側顯示的首尾分頁的條目數
link_to: "?page=__id__"
});
});
function pageselectCallback(page_id, jq) {
//回調函數
}

復制代碼 代碼如下:

/// <summary>
/// 用戶ID
/// </summary>
public int UID { get; set; }

/// <summary>
/// 登錄帳號
/// </summary>
public string UName { get; set; }

/// <summary>
/// 登錄密碼
/// </summary>
public string UPassWord { get; set; }

復制代碼 代碼如下:

<%@ Page Language="C#" Inherits="System.Web.Mvc.ViewPage<Web.Models.Users>" %>
<form action="/Demo/Add/" method="post">
<table>
<tr>
<td>登錄帳號：</td>
<td><input type="text" /></td>
</tr>
<tr>
<td>登錄密碼：</td>
<td><input type="password" /></td>
</tr>
<tr>
<td colspan="2"><input type="submit" value="提交" /></td>
</tr>
</table>
</form>

復制代碼 代碼如下:

[HttpPost]
//進行添加操作
public ActionResult Add(Users model)
{
//這里可以進行新增操作
//Bll.Add(model);
return RedirectToAction("List");
}