日本综合一区二区|亚洲中文天堂综合|日韩欧美自拍一区|男女精品天堂一区|欧美自拍第6页亚洲成人精品一区|亚洲黄色天堂一区二区成人|超碰91偷拍第一页|日韩av夜夜嗨中文字幕|久久蜜综合视频官网|精美人妻一区二区三区

RELATEED CONSULTING
相關(guān)咨詢
選擇下列產(chǎn)品馬上在線溝通
服務(wù)時(shí)間：8:30-17:00
你可能遇到了下面的問題
關(guān)閉右側(cè)工具欄

新聞中心

這里有您想知道的互聯(lián)網(wǎng)營銷解決方案
詳解ASP.NETMVC分頁的實(shí)現(xiàn)方法

ASP.NET MVC分頁已經(jīng)有很多文章講述過，這里我們將講述的ASP.NET MVC分頁的實(shí)現(xiàn)，需要靠自己設(shè)計(jì)，這就需要了解分頁的原理，以及相關(guān)數(shù)據(jù)庫的操作。編輯推薦《ASP.NET MVC框架視頻教程》

創(chuàng)新互聯(lián)公司主營樂都網(wǎng)站建設(shè)的網(wǎng)絡(luò)公司,主營網(wǎng)站建設(shè)方案,成都APP應(yīng)用開發(fā),樂都h5重慶小程序開發(fā)公司搭建,樂都網(wǎng)站營銷推廣歡迎樂都等地區(qū)企業(yè)咨詢

在ASP.NET中，GridView控件本身就帶有分頁的功能，只要把當(dāng)前頁面的索引值賦給GridView的PageIndex就可以實(shí)現(xiàn)了分頁，至于數(shù)據(jù)怎么分頁，全都由GridView封裝起來了。

ASP.NET MVC分頁的實(shí)現(xiàn)就只能靠自己來設(shè)計(jì)了。首先來說一下分頁的原理?，F(xiàn)在有一個(gè)張news表，中間有很多信息，我們假設(shè)一頁顯示5條記錄，這樣，頁面數(shù)量=總記錄數(shù)/5；這里，如果出現(xiàn)小數(shù)，得進(jìn)位取整。如比總記錄和數(shù)為51，那么分的頁面數(shù)量是11，最后一頁只有一條記錄。好，有這樣一個(gè)思路后，現(xiàn)在就來做ASP.NET MVC中的分頁了。

1、 數(shù)據(jù)庫和表

創(chuàng)建一個(gè)Data_Company的數(shù)據(jù)庫，建一張news表，表結(jié)構(gòu)如下圖：

ID是主鍵，并助是自動(dòng)增長列。

2、 現(xiàn)在，我們用O/R Designer來創(chuàng)建news表的LINQ To SQL的實(shí)體類。

創(chuàng)建一個(gè)名為MvcCompany的ASP.NET MVC Web Application項(xiàng)目，然后選中Models，右鍵，“添加”，“新建項(xiàng)”，選中C#中的“數(shù)據(jù)”，如下圖：

選擇“LINQ to SQL類”，名稱設(shè)為“CompanyData.dbml”，然后“添加”。

打開“服務(wù)器資源管理器”，創(chuàng)建連接，展開表，找到news表，拖到CompanyData.dbml的左邊表視圖區(qū)（注：.dbml視圖左邊是SQL表和SQL視圖區(qū)，右邊是SQL存儲(chǔ)過程和SQL函數(shù)區(qū)），效果如下圖：

在“解決方案資源管理器”下的，“Models”多了三個(gè)文件，CompanyData.dbml，展開它，會(huì)有CompanyData.dbml.layout和CompanyData.designer.cs，前者是CompanyData.dbml視圖的一些信息（比如news表在的坐標(biāo)等信息），后者是news實(shí)體類及Data_Company數(shù)據(jù)庫的類，在數(shù)據(jù)庫類中聚合了news實(shí)體類。

3、 添加news列表類。因?yàn)橐粋€(gè)news實(shí)體類，一次只能表示一條記錄，如果呈現(xiàn)一個(gè)news表中的數(shù)據(jù)，最好定義一個(gè)集合類來存臨時(shí)來存放news記錄的集合。

類的實(shí)現(xiàn)如下：

 
 
 
 
    
  
  
  
  
  1. using System; 
    2. 
  
  
  
  
  2.  using System.Collections.Generic; 
    3. 
  
  
  
  
  3.  using System.Linq; 
    4. 
  
  
  
  
  4.  using System.Web; 
    5. 
  
  
  
  
  5.  namespace MvcCompany.Models 
    6. 
  
  
  
  
  6. { 
    7. 
  
  
  
  
  7. public class NewList : List
    8. 
  
  
  
  
  8. { 
    9. 
  
  
  
  
  9. /**//// 
    10. 
  
  
  
  
  10. /// 頁面索引值 
    11. 
  
  
  
  
  11. /// 
    12. 
  
  
  
  
  12. public int PageIndex { get; private set; } 
    13. 
  
  
  
  
  13. /**//// 
    14. 
  
  
  
  
  14. /// 每頁記錄的數(shù)量 
    15. 
  
  
  
  
  15. /// 
    16. 
  
  
  
  
  16. public int PageSize { get; private set; } 
    17. 
  
  
  
  
  17. /**//// 
    18. 
  
  
  
  
  18. /// 記錄總條數(shù) 
    19. 
  
  
  
  
  19. /// 
    20. 
  
  
  
  
  20. public int TotalCount { get; private set; } 
    21. 
  
  
  
  
  21. /**//// 
    22. 
  
  
  
  
  22. /// 共有的頁數(shù)和 
    23. 
  
  
  
  
  23. /// 
    24. 
  
  
  
  
  24. public int TotalPages { get; private set; } 
    25. 
  
  
  
  
  25. public NewList(IQueryable source, int pageIndex, int pageSize) 
    26. 
  
  
  
  
  26. { 
    27. 
  
  
  
  
  27. PageIndex = pageIndex; 
    28. 
  
  
  
  
  28. PageSize = pageSize; 
    29. 
  
  
  
  
  29. TotalCount = source.Count(); 
    30. 
  
  
  
  
  30. // 進(jìn)上去取整（ 總記錄條數(shù)/一面記錄的條數(shù)） 
    31. 
  
  
  
  
  31. TotalPages = (int)Math.Ceiling(TotalCount / (double)pageSize); 
    32. 
  
  
  
  
  32. this.AddRange(source.Skip(pageIndex * pageSize).Take(PageSize)); 
    33. 
  
  
  
  
  33. } 
    34. 
  
  
  
  
  34. /**//// 
    35. 
  
  
  
  
  35. /// 是否存在前續(xù)頁 
    36. 
  
  
  
  
  36. /// 
    37. 
  
  
  
  
  37. public bool HasPreviousPage 
    38. 
  
  
  
  
  38. { 
    39. 
  
  
  
  
  39. get { return (PageIndex > 0); } 
    40. 
  
  
  
  
  40. } 
    41. 
  
  
  
  
  41. /**//// 
    42. 
  
  
  
  
  42. /// 是否存在后續(xù)頁 
    43. 
  
  
  
  
  43. /// 
    44. 
  
  
  
  
  44. public bool HasNextPage 
    45. 
  
  
  
  
  45. { 
    46. 
  
  
  
  
  46. get { return (PageIndex + 1 < AllPages); } 
    47. 
  
  
  
  
  47. } 
    48. 
  
  
  
  
  48. }}
    49.

這里，我們實(shí)現(xiàn)了一個(gè)泛型的集合列表NewList（當(dāng)然，這里的本質(zhì)上可以當(dāng)其他實(shí)體類的集合列表），在這個(gè)類中間，有四個(gè)字段，訪問修飾符都是public的，分另為：

PageIndex：當(dāng)前頁面的索引值

PageSize：每個(gè)頁面的記錄的條數(shù)

AllCount：記錄的總條數(shù)

AllPages：共有的頁面總數(shù)

在NewList 構(gòu)造函數(shù)中，有如下代碼：

    
   
   
   
    
     
    
    
    
  1. public NewList(IQueryable list, int pageIndex, int pageSize) 
    2. 
     
    
    
    
  2. { 
    3. 
     
    
    
    
  3. PageIndex = pageIndex;  
    4. 
     
    
    
    
  4.  PageSize = pageSize; 
    5. 
     
    
    
    
  5. AllCount = source.Count();  
    6. 
     
    
    
    
  6. AllPages = (int)Math.Ceiling(AllCount / (double)pageSize); 
    7. 
     
    
    
    
  7. this.AddRange(list.Skip(PageIndex * PageSize).Take(PageSize)); 
    8. 
     
    
    
    
  8. }
    9.

構(gòu)造函的參數(shù)有三個(gè)，一個(gè)是list，就是實(shí)體類的一個(gè)集合，還有就是頁面索引值和每個(gè)頁面的記錄條數(shù)。

第1、2代碼很容易理角，第3行代碼是得到列表的總記錄條數(shù)，第4行代碼，就完成了我們?cè)陂_始時(shí)分析的分頁實(shí)現(xiàn)的公式：頁面數(shù)量=總記錄數(shù)/每頁記錄數(shù)，其中Math.Ceiling就是把小數(shù)部分進(jìn)到整數(shù)的函數(shù)。

最關(guān)鍵的是第5行代碼，首先看Skip(PageIndex*PageSize)，頁面索引值乘上每頁記錄數(shù)，得到是當(dāng)前頁面以前的所有記錄數(shù)，Skip是跳過這些記錄，而得到后面的所有記錄，Take(PageSize)是得到PageSize條數(shù)的記錄，比如，我們想要第三頁的記錄，這個(gè)頁面的索引值為2（因?yàn)樗饕祻?開始）PageIndex=2，每頁顯示5條記錄，PageSize=5，就是要跳過list中的前10條記錄，然后再取前5條記錄，即取list中的第11條到第15條記錄，也就是第3頁的記錄了。

在這里，微軟提供了Skip和Tabke函數(shù)，讓我們做起分頁來，得心應(yīng)手。

接下來是this.AddRange()函數(shù)，可以把批量的數(shù)據(jù)放到當(dāng)前集合中（因?yàn)镹ewList本身就是一個(gè)集合）。

代碼的后半部分是兩個(gè)屬性：

 
 
 
 
    
  
  
  
  
  1. public bool HasPreviousPage 
    2. 
  
  
  
  
  2. { 
    3. 
  
  
  
  
  3. get { return (PageIndex > 0); } 
    4. 
  
  
  
  
  4. } 
    5. 
  
  
  
  
  5. public bool HasNextPage 
    6. 
  
  
  
  
  6. { 
    7. 
  
  
  
  
  7. get { return (PageIndex + 1 < AllPages); } 
    8. 
  
  
  
  
  8. }
    9.

這兩個(gè)屬性是為頁面顯示“上一頁”和“下一頁”，因?yàn)楫?dāng)我們顯示第一頁的時(shí)候，“上一頁”是不需要顯示的，如果最后一頁，是沒有“下一頁“的，所以在這里定義了兩個(gè)屬性，來判斷是否有上一頁和下一頁。

先看HasPreviousPage屬性，如果PageIndex是大于0的，說明不是在第一頁，所以就反回true，如果小于等于0（在這里小于0是沒有意思義的，因?yàn)轫撁娴乃饕底钚∈?），說明是第一頁，所以返回是false。

再看HasNextPage屬性，因?yàn)轫撁嫠饕档淖畲髷?shù)，與頁面的最大數(shù)差1(索引從0開始的原因)，所以當(dāng)PageIndex+1小于AllPages時(shí)，說沒有沒到最后一頁，返回值是true，如果PageIndex+1大于等于AllPages時(shí)（大于也沒有意義），說明是最后一頁，返回值為false。

4、 添加NewsController。選中Controller，右鍵添加一個(gè)NewsController 的Controller。

代碼如下：

 
 
 
 
    
  
  
  
  
  1. using System; 
    2. 
  
  
  
  
  2.  using System.Collections.Generic; 
    3. 
  
  
  
  
  3.  using System.Linq; 
    4. 
  
  
  
  
  4.  using System.Web; 
    5. 
  
  
  
  
  5. using System.Web.Mvc; 
    6. 
  
  
  
  
  6. using System.Web.Mvc.Ajax; 
    7. 
  
  
  
  
  7. using MvcCompany.Models; 
    8. 
  
  
  
  
  8. using System.Configuration; 
    9. 
  
  
  
  
  9. namespace MvcCompany.Controllers 
    10. 
  
  
  
  
  10. { 
    11. 
  
  
  
  
  11. public class NewsController : Controller 
    12. 
  
  
  
  
  12. { 
    13. 
  
  
  
  
  13. DataClassesDataContext DCDC; 
    14. 
  
  
  
  
  14. int pageSize; 
    15. 
  
  
  
  
  15. public NewsController() 
    16. 
  
  
  
  
  16. { 
    17. 
  
  
  
  
  17. DCDC = new DataClassesDataContext(); 
    18. 
  
  
  
  
  18. pageSize = Convert.ToInt32(ConfigurationManager.AppSettings["pagesize"]); //每個(gè)頁面的數(shù)量存放在web.config的appsetting里的pagesize節(jié)中，值為5 
    19. 
  
  
  
  
  19. } 
    20. 
  
  
  
  
  20. public ActionResult Index(int? page) 
    21. 
  
  
  
  
  21. { 
    22. 
  
  
  
  
  22. var NewsList = DCDC.news.Select(newss=>newss); 
    23. 
  
  
  
  
  23. var paginatedNews = new NewList(NewsList, page ?? 0, pageSize); //實(shí)現(xiàn)分頁功能 
    24. 
  
  
  
  
  24. return View(paginatedNews); 
    25. 
  
  
  
  
  25. } 
    26. 
  
  
  
  
  26. [AcceptVerbs(HttpVerbs.Post)] 
    27. 
  
  
  
  
  27. public ActionResult Index(FormCollection formValues) 
    28. 
  
  
  
  
  28. { 
    29. 
  
  
  
  
  29. int? index = int.Parse(formValues.GetValue("pageindex").AttemptedValue); 
    30. 
  
  
  
  
  30. int page = index ??0 ; 
    31. 
  
  
  
  
  31. var NewsList = DCDC.news.Select(newss => newss); 
    32. 
  
  
  
  
  32. var paginatedNews = new NewList(NewsList, page, pageSize); //實(shí)現(xiàn)分頁功能 
    33. 
  
  
  
  
  33. return View(paginatedNews); 
    34. 
  
  
  
  
  34. } 
    35. 
  
  
  
  
  35. } 
    36. 
  
  
  
  
  36. } 
    37.

關(guān)于兩個(gè)Index重載，我們?cè)谠O(shè)計(jì)完Views再討論。

5、 添加View。選中NewsController，右鍵，添加View，會(huì)彈出如下圖：

在這里，我們選中MvcCompany.Models.news，在View content下拉列表中選擇List（因?yàn)橐獙?shí)現(xiàn)列表分頁）。

Index.aspx頁面代碼如下：

 
 
 
 
    
  
  
  
  
  1. <%@ Page Title="" Language="C#" MasterPageFile="~/Views/Shared/Site.Master" Inherits="System.Web.Mvc.ViewPage>" %>
    2. 
  
  
  
  
  2.  ID="Content1" ContentPlaceHolderID="TitleContent" runat="server">
    3. 
  
  
  
  
  3. 新聞 
    4. 
  
  
  
  
    5. 
  
  
  
  
  5.  ID="Content2" ContentPlaceHolderID="MainContent" runat="server">
    6. 
  
  
  
  
    7. 
  
  
  
  
  7. <%using (Html.BeginForm()) 
    8. 
  
  
  
  
  8. { %>
    9. 
  
  
  
  
    10. 
  
  
  
  
  10. 新聞列表
    11. 
  
  
  
  
  18. <% foreach (var item in Model) 
  19. { %>
  26. <% } %>
    28. 
  
  
  
  
    
  
  
  
  
  
  
  
  
  28. 編號(hào) 
    29. 
  
  
  
  
    		30. 
  
  
  
  
  
  
  
  
  30. 題目 
    31. 
  
  
  
  
    		32. 
  
  
  
  
  
  
  
  
  32. 時(shí)間 
    33. 
  
  
  
  
    		34. 
  
  
  
  
  
  
  
  
  34. 內(nèi)容 
    35. 
  
  
  
  
    		36. 
  
  
  
  
    
  
  
  
  
  
  
  
  
  
  
  
  
    
  
  
  
  
  
  
  
  
  36. <%= Html.Encode(item.ID)%>
    37. 
  
  
  
  
    		38. 
  
  
  
  
  
  
  
  
  38. <%= Html.Encode(item.title)%>
    39. 
  
  
  
  
    		40. 
  
  
  
  
  
  
  
  
  40. <%= Html.Encode(String.Format("{0:g}", item.datetimes))%>
    41. 
  
  
  
  
    		42. 
  
  
  
  
  
  
  
  
  42. <%= Html.Encode(item.contents)%>
    43. 
  
  
  
  
    		44. 
  
  
  
  
    
  
  
  
  
  
  
  
  
    44. 
  
  
  
  
  44.  />
    45. 
  
  
  
  
    46. 
  
  
  
  
  46. <% =Html.RouteLink("首頁", "UpcomingNews", new { page = 0 })%>| 
    47. 
  
  
  
  
  47. <% if (Model.HasPreviousPage) 
    48. 
  
  
  
  
  48. {%>
    49. 
  
  
  
  
  49. <% =Html.RouteLink("上一頁", "UpcomingNews", new { page = (Model.PageIndex - 1) })%>| 
    50. 
  
  
  
  
  50. <%} %>
    51. 
  
  
  
  
  51. <% if (Model.HasNextPage) 
    52. 
  
  
  
  
  52. {%>
    53. 
  
  
  
  
  53. <% =Html.RouteLink("下一頁", "UpcomingNews", new { page = (Model.PageIndex + 1) })%>| 
    54. 
  
  
  
  
  54. <%} %>
    55. 
  
  
  
  
  55. <% =Html.RouteLink("尾頁", "UpcomingNews", new { page = Model.PageSize - 1 })%>          
    56. 
  
  
  
  
  56. 第 
    57. 
  
  
  
  
  57. <%=Html.TextBox("pageindex", Model.PageIndex, new {style="width:30px;"})%>頁
    58. 
  
  
  
  
  58. type="submit" value="轉(zhuǎn)到" id="sub" />
    59. 
  
  
  
  
  59. <%} %>
    60. 
  
  
  
  
    61.

代碼的前半部分，很好理解。

代碼的后半部分，我們來分析一下，首頁，是采用

Html.RouteLink(“首頁”,”UpcomingNews”,new{ page=0})，是要定位到名稱為”UpcomingNews”的路由，這個(gè)路由在Global.asax中，代碼如下：

 
 
 
 
    
  
  
  
  
  1. routes.MapRoute( 
    2. 
  
  
  
  
  2. "UpcomingNews", 
    3. 
  
  
  
  
  3. "News/page/{page}", 
    4. 
  
  
  
  
  4. new { controller = "News", action = "Index" });
    5.

路由的名稱是”UpcominNews”，Url格式是News/page/{page}，News和page是url的一種格式，后面{page}是參數(shù)，這個(gè)參數(shù)的名稱要與View中，后半部分的new{page=0}的page，以及NewsController中的方法Index(int? page)中的page都必需統(tǒng)一。如果有請(qǐng)求

News/page/2的url，實(shí)際上請(qǐng)求的是 news?page=2的頁網(wǎng)（路由在ASP.NET MVC官上有說明）。

首頁為中的page=0，最終會(huì)成為NesController中Index(int? page)方法，的實(shí)參，返回首頁數(shù)據(jù)（及數(shù)據(jù)庫表的前5條數(shù)據(jù)）。

上一頁，在當(dāng)前頁數(shù)PageIndex的基礎(chǔ)上減1。

下一頁，在當(dāng)前頁數(shù)PageIndex的基礎(chǔ)上加1

（注：上面的加減1都不會(huì)越界，因?yàn)楫?dāng)顯示第一頁時(shí)，“上一頁”的超連接就不會(huì)顯示。當(dāng)最后一頁時(shí)，“下一頁”的超連接就不會(huì)顯示）

尾頁同首頁。

現(xiàn)在的一個(gè)問題是“轉(zhuǎn)到”第幾頁的實(shí)現(xiàn)，我們知道，轉(zhuǎn)到第幾頁的“幾”，得用戶輸入，所以這里用一個(gè)Html.TextBox來實(shí)現(xiàn)，完全代碼是

 
 
 
 
    
  
  
  
  
  1. <%=Html.TextBox("pageindex", Model.PageIndex, new {style="width:30px;"})%>
    2.

最終會(huì)生成一個(gè)名稱為pageindex的intup，類型為Text，它的值始終為當(dāng)前的索引頁值Model.PageIndex，其中有一個(gè)寬度的屬性new {style="width:30px;"}。

同時(shí)還有一個(gè)用來向后參提交。因?yàn)榇a中有

表單，所以可以在NewsController中接收這個(gè)提交。

Index(FormCollection formValues)方法用來處理這個(gè)提交。這里會(huì)從formValues.GetValue("pageindex").AttemptedValue中午到客戶端用戶輸入“pageindex”文本框中的值。從而來完成定向。

至此，我們就用ASP.NET MVC實(shí)現(xiàn)了一個(gè)分頁功能，相比之下要難ASP.NET的GridView自動(dòng)分頁好多。

在這個(gè)例子中，我們?cè)贛odels層中提供了實(shí)體類及news表的集合類。在Controller層增加了NewsController類。在View層增加了News的view，從M-V-C角度，分別完成了對(duì)分頁的功能。


本文標(biāo)題：詳解ASP.NETMVC分頁的實(shí)現(xiàn)方法
網(wǎng)頁鏈接：http://www.dlmjj.cn/article/djoesed.html