當前位置：首頁 > 编程语言 > c/c++ >内容正文

c/c++

MVC学习（四）几种分页的实现（3）

發布時間：2025/5/22 c/c++ 27 豆豆

生活随笔收集整理的這篇文章主要介紹了 MVC学习（四）几种分页的实现（3）小編覺得挺不錯的,現在分享給大家,幫大家做個參考.

　　在這篇MVC學習（四）幾種分頁的實現（2）博文中，根據URL中傳入的兩個參數（頁碼數，首頁、上一頁、下一頁、末頁的標記符）來獲得對應的分頁數據，

只是傳入的參數太多，調用起來不太方便（標記符不能夠寫錯，需要添加新的路由），因此，如果URL只傳入頁碼數就太好，順著這個思路，有了第三種分頁方式。

實現分頁形式如下圖所示。

　　下面說說我的思路吧。

為了在試圖文件中呈現<input type="text" ...> ,我們需要寫上代碼@Html.TextBox(Asp.net MVC 3語法），為了呈現Lable,需要寫@Html.Label，

這里的@Html，有一個管理它的類 HtmlHelper。為了使用方便，我決定對HtmlHelper類進行擴展。

　 ?考慮到有些頁面不需要“上一頁”，“下一頁”之間的“100001”，因此，決定由兩種呈現形式，一個是普通的分頁，一個是帶數字的分頁，只有兩種分頁模式，新建一個枚舉類型PageMode，代碼如下

/// <summary>/// 分頁模式/// </summary>public enum PageMode{/// <summary>/// 普通分頁模式/// </summary> Normal,/// <summary>/// 普通分頁加數字分頁/// </summary> Numeric} enum PageMode

　面向對象，對象總是很重要的，因此，頁面對象是首先需要抽象出來的。

　? 我希望展現的形式是 “總共XX條記錄，共XX頁，當前第X頁首頁 1 2... 上一頁下一頁末頁”，想想這段話中，“記錄數量”，“共多少頁”，“第幾頁”，還有一條隱形“每頁展示數據的大小”，因此，抽象出頁面對象PagerInfo（TotalPageCount可以放入這個類中），代碼如下。

public class PagerInfo{public int RecordCount { get; set; }public int CurrentPageIndex { get; set; }public int PageSize { get; set; }}

　　第一步，如何擴展HtmlHelper。

　　?首先，給大家看看微軟如何@Html.Label的代碼，看下面的截圖

　　在研究了這段代碼后，就可以寫一個普通的HtmlHelper擴展了，代碼如下

　　"string id"表示這個控件的id號，“int currentPageIndex”表示需要顯示第幾頁數據的頁碼，

　　“int pageSize"表示每頁顯示數據的大小，”object htmlAttributes“表示屬性, ”string className“表示樣式屬性。

　　看了我的HtmlHepler擴展代碼，在與微軟的原始代碼比較以后，會發現我少了一行重要的代碼，就是”tagBuilder.SetInnerText(str);“，即控件在View

的呈現形式。無論是asp.net WebForm頁面的服務器控件，還是類似"<input type="text" runat="server">”控件，或者是asp.net MVC的@Html.Label，

他們在頁面的都是以字符串的形式展現。

　　有了這個思路，寫出普通的分頁形式就比較簡單了。

　　我們只需要給TagBuilder給予正確的字符串就行了。

　　1、首先獲得總的記錄數，總頁數

　　　　總記錄數?int pageCount =Convert.ToInt32(Math.Ceiling((double)RecordCount / (double)PageSize));//獲得總頁數

?　 2、普通分頁如何實現

　　　假設我們的url形式為 “http://localhost:11507/Home/FY3?page=2”，那么下一頁的url形式便是“http://localhost:11507/Home/FY3?page=3”，因此，我們需要得到傳來的絕對路徑，不含任何參數。然后根據傳來的當前頁碼數，判斷是否有下一頁，上一頁，并且得到格式化后的url。

　　這里我先理一理頁碼數如何傳入HtmlHelper中的。

　　?首先，Controller從URL中獲取CurrentPageIndex，然后放入PageInfo對象，并且獲得分頁數據（InfoSource）；

然后，我們將InfoSource與PageInfo兩個對象放入一個泛型容器PagerQuery<T>,返回給View；

　　最后，HtmlHelper根據View頁面中的對象獲得所需參數。

????? 現在回到HtmlHelper的擴展實現。

　　獲得我們需要ULR格式化字符串，如下代碼。

　　var url=new StringBuilder();

　　url.Append(HttpContext.Current.Request.Url.AbsolutePath+"?page={0}");

　　我希望展現的形式是 “總共XX條記錄，共XX頁，當前第X頁首頁上一頁下一頁末頁”。現在開始拼字符串。

　　 var sb=new StringBuilder();

sb.Append("<tr><td>");

　　 sb.AppendFormat("總共{0}條記錄，共{1}頁，當前第{2}頁  ",RecordCount,pageCount,currentPageIndex);

　　//RecordCount,currentPageIndex 值通過PagerInfo傳遞過來

　　if(currentPageIndex==1{

sb.Append("首頁 ";)?? //如果第一頁不需要給首頁真實的鏈接
　　}

　　else{

　　　　var url1=string.Format(url.ToString(),1);? //格式化URL 得到第一頁的url ??“http://localhost:11507/Home/FY3?page=1”

sb.AppendFormat("<a href={0} 首頁</a> ",url1);

　　}

　　如何類推，可得到上一頁、下一頁、末頁的鏈接。

　　　　那么，如果上一頁與下一頁需要顯示數字，怎么辦呢？這里，默認顯示10個數字（如果頁數不夠，就按實際頁數顯示）

private static string GetNumericPage(int currentPageIndex, int pageSize, int recordCount, int pageCount, string url){var k = currentPageIndex / 10;var m = currentPageIndex % 10;var sb = new StringBuilder();if (currentPageIndex / 10 == pageCount / 10)//10個號碼為一組 {if (m == 0){k--;m = 10;}elsem = pageCount % 10;}elsem = 10;for (var i = k * 10 + 1; i <= k * 10 + m; i++)//如果是第1頁則 1...10 第11頁，則11...20//for(int i=currentPageIndex;i<LastPage;i++) {if (i == currentPageIndex)sb.AppendFormat("{0} ", i);else{var url1 = string.Format(url, i);sb.AppendFormat("<a href={0}>{1}</a> ", url1, i);}}return sb.ToString();}} string GetNumericPage

　　　　現在，可以得到擴展標簽代碼，如下

public static MvcHtmlString Pager(this HtmlHelper helper, string id, int currentPageIndex, int pageSize, int recordCount, object htmlAttributes, string className, PageMode mode){TagBuilder builder = new TagBuilder("table");builder.IdAttributeDotReplacement = "_";builder.GenerateId(id);builder.AddCssClass(className);builder.MergeAttributes(new RouteValueDictionary(htmlAttributes));builder.InnerHtml = GetNormalPage(currentPageIndex, pageSize, recordCount, mode);return builder.ToMvcHtmlString(TagRenderMode.Normal);}static MvcHtmlString ToMvcHtmlString(this TagBuilder tagBuilder, TagRenderMode renderMode){return new MvcHtmlString(tagBuilder.ToString(renderMode));}

　　　　得到分頁字符串代碼了，如下

private static string GetNormalPage(int currentPageIndex, int PageSize, int RecordCount, PageMode mode){int pageCount =Convert.ToInt32(Math.Ceiling((double)RecordCount / (double)PageSize));//獲得總頁數var url = new StringBuilder();url.Append(HttpContext.Current.Request.Url.AbsolutePath + "?page={0}");var sb = new StringBuilder();sb.Append("<tr><td>");sb.AppendFormat("總共{0}條記錄,共{1}頁,當前第{2}頁  ", RecordCount, pageCount, currentPageIndex);if (currentPageIndex == 1)sb.Append("首頁 ");else{var url1 = string.Format(url.ToString(), 1);sb.AppendFormat("<a href={0}>首頁</a> ", url1);}if (currentPageIndex > 1){var url1 = string.Format(url.ToString(), currentPageIndex - 1);sb.AppendFormat("<a href={0}>上一頁</a> ", url1);}elsesb.Append("上一頁 ");if (mode == PageMode.Numeric)sb.Append(GetNumericPage(currentPageIndex, PageSize, RecordCount, pageCount, url.ToString()));if (currentPageIndex < pageCount){string url1 = string.Format(url.ToString(), currentPageIndex + 1);sb.AppendFormat("<a href={0}>下一頁</a> ", url1);}elsesb.Append("下一頁 ");if (currentPageIndex == pageCount)sb.Append("末頁 ");else{string url1 = string.Format(url.ToString(), pageCount);sb.AppendFormat("<a href={0}>末頁</a> ", url1);}return sb.ToString();} GetNormalPage(int currentPageIndex, int PageSize, int RecordCount, PageMode mode)

　　那么，承載數據的容器時什么呢，因為Model是會隨時變化的（泛型類最佳實現），代碼如下

public class PagerQuery<T> : List<T>{public PagerQuery(PagerInfo pager, IEnumerable<T> source){this.Pager = pager;int BeforePageIndex = pager.CurrentPageIndex - 1;if (BeforePageIndex < 0){BeforePageIndex = 1;}var entityList = source.Skip((BeforePageIndex) * pager.PageSize).Take(pager.PageSize);AddRange(entityList);}public PagerInfo Pager { get; set; }}

　　　Controller代碼如下

public ActionResult FY2(int? page){LZSEntities _lzsDb=new LZSEntities();PagerInfo pager = new PagerInfo();pager.RecordCount = _lzsDb.MyTestPages.Count();pager.PageSize = 5;if (page == null){pager.CurrentPageIndex = 1;}else{pager.CurrentPageIndex = Convert.ToInt32(page);}var result = _lzsDb.MyTestPages;IEnumerable<MyTestPages> info2 = result;var query = new PagerQuery<MyTestPages>(pager, info2);return View(query);} public ActionResult FY2(int? page)

　　　View代碼如下

@model MVCFY2.PageHelpers.PagerQuery<MVCFY2.Models.MyTestPages> @using MVCFY2.Models @using MVCFY2.PageHelpers; @{Layout = null; }<!DOCTYPE html><html><head><title>FY3</title></head> <body> @* ReSharper disable once Html.Obsolete *@<table cellpadding="0" cellspacing="0" height="200px" width="300px" bordercolor="blue"><tr><th height="30px">序號</th></tr>@foreach (var item in Model){<tr><td align="center" height="30px">@item.Id</td></tr>}</table><div> @Html.Pager("pager1", Model.Pager.CurrentPageIndex, Model.Pager.PageSize, Model.Pager.RecordCount, PageMode.Numeric)</div> </body> </html> View

?　VS 2010 MVC3，配置好數據庫后，運行即可，源代碼點此下載。

　我感覺，第三種分頁形式是很完美的，只是重復從第一頁跳到最后一頁再最后一頁跳至第一頁，分頁緩慢，查看資源管理器，內存被占了很多，未曾釋放，因此，

希望各位可以告訴我高效的改進方法~~~

轉載于:https://www.cnblogs.com/xianrongbin/p/3487807.html

總結

以上是生活随笔為你收集整理的MVC学习（四）几种分页的实现（3）的全部內容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。

上一篇：在SQLite中使用事务
下一篇： js的nextSibling,属性兼容I