6_分頁的實現

---

前言

• 本文講解的是使用X.PagedList.MVC的方式實現分頁的簡單實例。
• 本文數據庫訪問端採用的是EF框架進行數據庫的映射。

---

具體步驟

環境搭建

• 項目（Project）->Manager NuGet Packages…
• 選擇Online，搜索X.PagedList.MVC，選擇Install
• 如下圖所示，便搭建好了環境。
  

操作步驟

• Controller Action的代碼：
  
  • using PagedList;要引用PagedList。
  • 在Web.Config中設置每頁的頁面大小，每頁10條數據。
    
<appSettings>
<add key="pageSize" value="10"/>
</appSettings>


  public ActionResult List(int? page)
  {
     //第幾頁
     int pageNumber = page ?? 1;
     //每頁顯示多少條
     int pageSize = int.Parse(ConfigurationManager.AppSettings["pageSize"]);
    //此處是從數據庫中取數據
     var Newss = db.Newss.OrderBy(p => p.NewsTime).ToPagedList(pageNumber, pageSize);

     return View(Newss);
  }

• View的代碼
  
  • 引入CSS文件，X.PagedList.Mvc環境配置好後，PagedList.css這個定義分頁顯示樣式文件爲自動放到Content文件夾下，你可以通過這個文件修改樣式。

<link href="@Url.Content("~/Content/PagedList.css")" rel="stylesheet" type="text/css" />

這樣就引入了樣式文件。
接下來要引用庫文件：

@using PagedList
@using PagedList.Mvc

接下來再分頁的地方加上這句代碼。

<div class="page_list">
 @Html.PagedListPager((IPagedList)Model, page => Url.Action("List", "Home", new { page }))
</div>

Url.Action裏面訪問的是對應Controller中對應的Action

• 實現的效果圖
  

---

小結

本文主要介紹了MVC採用X.PagedList.MVC控件實現分頁的簡單實例，提供初學者的快速入門。