6_分页的实现

MVC分页实践

最新推荐文章于 2024-08-26 09:42:19 发布

abner_x

最新推荐文章于 2024-08-26 09:42:19 发布

阅读量483

点赞数

CC 4.0 BY-SA版权

分类专栏： .NET MVC 文章标签： PagedList 分页

本文链接：https://blog.youkuaiyun.com/xu573267476/article/details/46607211

.NET MVC 专栏收录该内容

9 篇文章

订阅专栏

本文介绍如何使用X.PagedList.MVC在MVC项目中实现分页功能，包括环境搭建、代码实现及效果展示。

前言

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