分页数据源类PageList<T>:
一次性读取数据,再按照页数显示数据,其实中间隐藏了一步,即从全部数据中读取需要的某页数。可以构造一个分页数据源类,让其支持由全部数据构造某页的数据
/// <summary>
/// 分页数据源类
/// </summary>
/// <typeparam name="T"></typeparam>
public class PageList<T> :List<T>
{
public int PageIndex { get; set; }//当前页数
public int PageSize { get; set; }//页大小
public int TotalCount { get; set; }//总条数
public int TotalPage { get; set; }//总页数
/// <summary>
/// 分页数据源构造函数
/// </summary>
/// <param name="source">全部数据</param>
/// <param name="pageIndex">页索引</param>
/// <param name="pageSize">页大小</param>
public PageList(List<T> source, int pageIndex, int pageSize)
{
PageIndex = pageIndex;
PageSize = pageSize;
TotalCount = source.Count();
TotalPage = (int)Math.Ceiling(TotalCount / (double)PageSize);//计算总页数
this.AddRange(source.Skip((PageIndex-1)*PageSize).Take(PageSize));
}
/// <summary>
/// 当前页是否有上一页
/// </summary>
public bool HasPreviousPage
{
get
{
return (PageIndex > 1);
}
}
/// <summary>
/// 当前页是否有下一页
/// </summary>
public bool HasNextPage
{
get
{
return (PageIndex < TotalPage);
}
}
}
这样已经可以使用了PageList<T>进行分页了,下面我们看一下控制器怎么写:
public ActionResult StudentList()
{
//声明一个集合用来储存所查询到的信息
List<Student> stus = this.getAllStu();
//当我点击上一下或者下一页的时候获当前页,并使用三元表达式处理首次进入未传递参数的情况
//如果当前页为空,我就默认显示第一页
int pageIndex = Request.QueryString["pageIndex"] != null ? Convert.ToInt32(Request.QueryString["pageIndex"]) : 1;
//声明page分页类 把数据传进去进行分页操作
PageList<Student> PageStu = new PageList<Student>(stus, pageIndex, 2);//需要分页的集合 当前页 页面显示信息条数
return View(PageStu);//使用强类型视图接收
}
页面的话我们可以这样写:
<%
foreach (Student stu in Model)
{%>
<p>学号:<%=stu.Id %> 姓名:<%=stu.Name %> 出生日期:<%=stu.BirthDate %></p>
<% }%>
<div class="Pages">
<p>当前页数是:<%=Model.PageIndex %></p>
<p>共 <%=Model.TotalPage %> 页</p>
<%if (Model.HasPreviousPage)
{ %>
<%=Html.ActionLink("<<<上一页", "StudentList", "Text", new {pageIndex=Model.PageIndex-1 },null)%>
<%} %>
<%if (Model.HasNextPage)
{
%>
<p><%=Html.ActionLink("下一页>>>","StudentList","Text", new {pageIndex=Model.PageIndex+1 },null) %>
</p>
<p><%=Html.ActionLink("最后一页","StudentList","Text", new {pageIndex=Model.TotalPage },null) %>
</p>
<%} %>
</div>
这样的话我们页面写的就有些复杂了,下面我们就使用扩展方法优化一下分页,那我们就要先写一个分页的扩展方法类:
使用扩展方法改进分页:
public static class PageHelpers
{
#region 扩展方法分页
/// <summary>
/// 定义分页的扩展方法
/// </summary>
/// <typeparam name="T"></typeparam>
/// <param name="html"></param>
/// <param name="date"></param>
/// <returns></returns>
public static string pager<T>(this HtmlHelper html, PageList<T> date)
{
//数字导航的开始数字 (当前页数 -5)=1 当前页数-5 当前页数=1
int start = (date.PageIndex - 5) >= 1 ? (date.PageIndex - 5) : 1;
//数字导航的结束数字 (总条数-) >10 总条数+10 总条数
int end = (date.TotalPage - start) > 10 ? start + 10 : date.TotalPage;
//路由数据
RouteValueDictionary vs = html.ViewContext.RouteData.Values;
//URL数据
var queryString = html.ViewContext.HttpContext.Request.QueryString;
//合并URL数据
foreach (string key in queryString.Keys)
if (queryString[key] != null && string.IsNullOrEmpty(key))
vs[key] = queryString[key];
//合并表单数据
var FormString = html.ViewContext.HttpContext.Request.Form;
foreach (string key in FormString.Keys)
vs[key] = FormString[key];
//输出分页html
var builder = new StringBuilder();
builder.AppendFormat("<div class=\"mvc_pager\">");
//显示首页和尾页
if (date.HasPreviousPage)
{
vs["pageIndex"] = 1;
builder.Append(LinkExtensions.ActionLink(html, "首页", vs["action"].ToString(), vs));
vs["pageIndex"] = date.PageIndex - 1;
builder.Append(LinkExtensions.ActionLink(html, "上页", vs["action"].ToString(), vs));
}
//显示数字页码
for (int i = start; i < end; i++)
{
vs["pageIndex"] = i;
if (i == date.PageIndex)
{
builder.Append("<font class='thispagethis'>" + i.ToString() + "</font>");
}
else
{
builder.Append(LinkExtensions.ActionLink(html, i.ToString(), vs["action"].ToString(), vs));
}
}
//显示下页和末页
if (date.HasNextPage)
{
vs["pageIndex"] = date.PageIndex + 1;
builder.Append(LinkExtensions.ActionLink(html, "下页", vs["action"].ToString(), vs));
vs["pageIndex"] = date.TotalPage;
builder.Append(LinkExtensions.ActionLink(html, "末页", vs["action"].ToString(), vs));
}
builder.Append("共" + date.TotalCount + "条,第" + date.PageIndex + "页/共" + date.TotalPage + "页 </div>");
return builder.ToString();
}
#endregion
}
扩展类写好后,那现在我们的页面就可以这样写:
<%
foreach (Student stu in Model)
{%>
<p>学号:<%=stu.Id %> 姓名:<%=stu.Name %> 出生日期:<%=stu.BirthDate %></p>
<% }%>
<%=Html.pager<Student>(Model)%>