作为一个程序猿,数据分页是每个人都会遇到的问题。解决方案更是琳琅满目,花样百出。但基本的思想都是差不多的。
下面给大家分享一个简单的分页器,让初学者了解一下最简单的分页思想,以及在ASP.NET MVC中的简单实现与应用。
一,定义分页器类
在ASP.NET MVC中,分页的数据源可能是各种不同的类型,所以最好使用泛型来定义。
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; } }
四,核心方法
最后就是需要实现分页的核心-获取分页数据的方法:
在.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>的扩展方法:
那么我们的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"} }; } } }