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控件实现分页的简单实例，提供初学者的快速入门。