ASP.NET MVC 数据分页思想及解决方案代码

作为一个程序猿,数据分页是每个人都会遇到的问题。解决方案更是琳琅满目,花样百出。但基本的思想都是差不多的。

  下面给大家分享一个简单的分页器,让初学者了解一下最简单的分页思想,以及在ASP.NET MVC中的简单实现与应用。

一,定义分页器类

  在ASP.NET MVC中,分页的数据源可能是各种不同的类型,所以最好使用泛型来定义。

public class PagingHelper<T>

二,基本三要素

  实现分页人所共知的三个基本属性:

DataSource:数据源,要知道数据源共计多少条数据,会对应一个数据源的方法-Count(),

PageSize:来描述每页显示的记录的条数。

PageIndex:当前页的索引值,一般第一页的索引值为0,当然为了表示方便,可以从1开始,并且后面默认为从1开始。

//分页数据源
public IEnumerable<T> DataSource { get;private set; }
//每页显示记录的数量
public int PageSize { get; private set; }
//当前页数
public int PageIndex { get; set; }

三,扩展属性

  有了上述三要素,我们可以推论其他三个重要属性

PageCount:总页数,其值取大于或等于 DataSource.Count/PageSize 的最小整数,比如5.2页,其实就是6页。

HasPrev:用来判断是否有上一页,如果索引 PageIndex 从1开始,那就是判断 PageIndex > 1 是否成立。

HasNext:用力判断是否有下一页,如果索引 PageIndex 从1开始,需判断 PageIndex < PageCount 是否成立。

//分页总页数
public int PageCount { get;private set; }
//是否有前一页
public bool HasPrev { get { return PageIndex > 1; } }
//是否有下一页
public bool HasNext { get { return PageIndex < PageCount; } }

四,核心方法

  最后就是需要实现分页的核心-获取分页数据的方法:

GetPagingData():获取当页的数据,一般常用的手段是跳过PageIndex*PageSize条记录,然后取PageSize条数据。

  在.NET中有很多方法可以实现这一过程,这里介绍2个最简单的:

  方法1,从序列的指定位置返回指定数量的连续元素:

public static IEnumerable<TSource> Take<TSource>( this IList<TSource> list, int start, int count )
    {
      for ( int index = start; index < Math.Min( start + count, list.Count ); index++ )
      {
        yield return list[index];//yield关键字的用法大家可以参详其他文章
      }
    }

  那么我们的GetPagingData()方法就要这么写:

//获取当前页数据
public IEnumerable<T> GetPagingData()
{
    return DataSource.ToList<T>().Take((PageIndex-1)×PageSize,PageSize);
}

  其实我更倾向与第二种方法,就是使用IEnumerable<T>的扩展方法:

Skip(int count):跳过序列中指定数量的元素,然后返回剩余的元素

Take(int count):从序列的开头返回指定数量的连续元素。

  那么我们的GetPagingData()只需要这么写就完事:

//获取当前页数据
public IEnumerable<T> GetPagingData()
{
    return DataSource.Skip((PageIndex - 1) * PageSize).Take(PageSize);
}

  这句代码就是跳过 PageIndex - 1) * PageSize 条数据,再取 PageSize 条数据 ,刚刚好就是我们需要的当前页的数据。

五,构造函数

  实例化一个分页器的时候,我们需要对它进行初始化:

  public PagingHelper(int pageSize, IEnumerable<T> dataSource)
        {
            this.PageSize = pageSize > 1 ? pageSize : 1;
            this.DataSource = dataSource;
            PageCount = (int)Math.Ceiling(dataSource.Count() / (double)pageSize);
        }

  真正的使用中,你可以重写分页器类,根据你的需要来控制哪些字段是只读的。比如你想随时改变页面元素的数量,那么你可以把PageSize设置为可读写的属性。

  至此,这个分页器我们就完工拉。

六,与ASP.NET MVC的简单结合

  首先我们通过VS创建一个空的基于Razor视图引擎的ASP.NET MVC3 Web应用程序,命名为JohnConnor.Web

  对创建过程或Razor不太了解的看官,请移步 ASP.NET MVC Razor视图引擎攻略 <传送门> ,这里就不再赘述了。

  然后我们需要进行以下几步

  1,Models文件夹下,添加Student.cs文件,添加以下代码,为了演示方便这里模拟了一个数据源,实际中的数据源可能来自数据库。

模拟数据源

public class Student
    {
        public int Id { get; set; }
        public string Name { get; set; }
    }
    public static class Students
    {
        public static IEnumerable<Student> data
        {
            get
            {
                return new List<Student>()
                {
                    new Student{ Id=0, Name="John"},
                    new Student{ Id=1, Name="Marry"},
                    new Student{ Id=2, Name="Andy"},
                    new Student{ Id=3, Name="Tom"},
                    new Student{ Id=4, Name="Lydia"},
                    new Student{ Id=5, Name="Chris"},
                    new Student{ Id=6, Name="Justin"},
                    new Student{ Id=7, Name="Susan"}
                };
            }
        }
    }

  2,Models文件夹下,添加PagingHelper.cs文件,添加我们上述分页器类。

分页器Code

public class PagingHelper<T>
    {
        //分页数据源
        public IEnumerable<T> DataSource { get; private set; }
        //每页显示记录的数量
        public int PageSize { get; private set; }
        //当前页数
        public int PageIndex { get; set; }
        //分页总页数
        public int PageCount { get; private set; }

//是否有前一页
        public bool HasPrev { get { return PageIndex > 1; } }
        //是否有下一页
        public bool HasNext { get { return PageIndex < PageCount; } }
        //构造函数
        public PagingHelper(int pageSize, IEnumerable<T> dataSource)
        {
            this.PageSize = pageSize > 1 ? pageSize : 1;
            this.DataSource = dataSource;
            PageCount = (int)Math.Ceiling(dataSource.Count() / (double)pageSize);
        }
        //获取当前页数据
        public IEnumerable<T> GetPagingData()
        {
            return DataSource.Skip((PageIndex - 1) * PageSize).Take(PageSize);
        }
    }

  3,在Controller文件夹下添加控制器命名为HomeController,添加以下代码。

控制器Code

public class HomeController : Controller
    {
        public ActionResult Index(int pageIndex=1)
        {
            PagingHelper<Student> StudentPaging = new PagingHelper<Student>(2, Students.data);//初始化分页器
            StudentPaging.PageIndex = pageIndex;//指定当前页
            return View(StudentPaging);//返回分页器实例到视图
        }
    }

  4,在View文件夹下添加Home文件夹,并新增视图文件Index.cshtml,添加以下代码。

视图Code

@using JohnConnor.Web.Models
@model PagingHelper<Student>
@{
    ViewBag.Title = "Index";
}
<h2>Index</h2>
@foreach (var Data in Model.GetPagingData())
{
    <p>ID:@Data.Id Name:@Data.Name</p>
}
<p>
@if (Model.HasPrev)
{
    <a href="@Url.Action("Index", "Home", new { pageIndex = Model.PageIndex - 1 })">上一页</a>
}
else
{
    <em style="color:Gray">上一页</em>
}
@if (Model.HasNext)
{
    <a href="@Url.Action("Index", "Home", new { pageIndex = Model.PageIndex + 1 })">下一页</a>
}
else
{
      <em style="color:Gray">下一页</em>
}
</p>

  5,在Global.asax中配置路由,我们修改一下默认路由就可以了。

路由表配置

public static void RegisterRoutes(RouteCollection routes)
        {
            routes.IgnoreRoute("{resource}.axd/{*pathInfo}");

routes.MapRoute(
                "Default", // 路由名称
                "{controller}/{action}/{pageIndex}", // 带有参数的 URL
                new { controller = "Home", action = "Index", pageIndex = UrlParameter.Optional } // 参数默认值
            );

}

  现在保存之后F5运行,就可以看到一个简单的分页程序了。

  

   URL在进行了路由配置之后,也不会再是http://localhost:1234/Home/Index?pageIndex=1

  而变成了http://localhost:1234/Home/Index/1 这样的静态URL,更简洁,更美观。

时间: 2024-10-13 10:02:27

ASP.NET MVC 数据分页思想及解决方案代码的相关文章

详解ASP.NET MVC数据分页

ASP.NET MVC框架已经进入2.0时代,本文将从ASP.NET MVC数据分页谈起,希望能对大家有所帮助. 在网页上进行表格资料或其他显示资料的分页是一种十分常见的需求,以前我们有 GridView 或 DataPager 可以帮我们自动分页,虽然到了 ASP.NET MVC 一切全部重头来过,但我们也不用真的那麽辛苦的自己实做分页,因为早就有人帮我们写好程式并开放原始码分享给这个世界了. 如果你已经体会到在 ASP.NET MVC 中妥善利用强型别(Strong Typed)特性进行开发

asp.net mvc简单分页实例

@{ ViewBag.Title = "Index"; } @{ int pageIndex = (int)ViewBag.CurrentPage; int pageCount = (int)ViewBag.Pages; } <h2>Index</h2> <table> <tr> <th>cateId</th> <th>cateName</th> <th>cateNote<

用Fine Uploader+ASP.NET MVC实现ajax文件上传[代码示例]

Fine Uploader(http://fineuploader.com/)是一个实现 ajax 上传文件的 Javascript 组件. This project attempts to achieve a user-friendly file-uploading experience over the web. It's built as a Javascript plugin for developers looking to incorporate file-uploading int

七天学会ASP.NET MVC (二)——ASP.NET MVC 数据传递

注:本文为学习摘录,原文地址为:http://www.cnblogs.com/powertoolsteam/p/MVC_two.html Controller与 View之间的值传递 在上一节的实验二中已经创建了静态View.然而在实际使用情况下,View常用于显示动态数据.在实验三中们将在View中动态显示数据. View将从从Controller获得Model中的数据. Model是MVC中 表示业务数据的层. 实验3 ——使用View数据 ViewData相当于数据字典,包含Control

(十二)ASP.NET MVC 数据验证

ASP.NET MVC 会自动根据属性的类型进行基本的校验,比如 int 类型的属性,在提交非整数类型的数据的时候就会报错.在 Action 中可以根据 ModelState.IsValid 进行判断是否验证通过,如果没有通过,使用下面的方法可以获取到报错信息: public static string GetValidMsg(ModelStateDictionary modelState) { StringBuilder sb = new StringBuilder(); //遍历所有的属性

【转】ASP.NET MVC 数据验证及相关内容

原文地址:http://www.jb51.net/article/56713.htm 一.数据验证 数据验证的步骤在模型类中添加与验证相关的特性标记在客户端导入与验证相关的js文件和css文件使用与验证相关的Html辅助方法在服务器端判断是否通过服务器端验证常用的验证标记 Required:非空验证StringLength:验证字符串的长度RegularExpression:正则表达式验证Compare:比较两个字段的值是否相等Range:范围验证Remote:服务器验证(需要在controll

ASP.NET MVC (二)——ASP.NET MVC 数据传递

一.Controller与 View之间的值传递 1.View将从从Controller获得Model中的数据. Model是MVC中 表示业务数据的层. 2.ViewData相当于数据字典,包含Controlle和View之间传递的所有数据.Controller会在该字典中添加新数据项,View从字典中读取数据. 二.使用View数据 1. 创建Model 类,在Model文件夹下新建Employee类 2. 在Controller 中获取Model,在GetView 方法中创建Employe

转 ---- Asp.net mvc项目分页功能

1.定义一个分页用的Page<T>类 1 /* 使用示例: 2 var pager = new Pager<Article>( 3 this.ControllerContext, //上下文 4 type.Articles,//数据源 5 10//,每页大小 6 //"page" url中分页参数名称,默认为page 7 ); 8 * */ 9 /// <summary> 10 /// 基于ControlerContext的分页辅助类 11 ///

AJAX跨域调用ASP.NET MVC或者WebAPI服务的解决方案

问题描述 当跨域(cross domain)调用ASP.NET MVC或者ASP.NET Web API编写的服务时,会发生无法访问的情况. 重现方式 使用模板创建一个最简单的ASP.NET Web API项目,调试起来确认能正常工作 public class UserController : ApiController { public UserModel getInfo() { UserModel um = new UserModel(); um.Uid = 5; um.UserName =