Html分页实现
还是围绕新项目来的，因为没有统一的分页控件，大家各写各的，浪费时间不说，长的又千奇百怪，所以就把这个小活收回来了，乱七八糟写了一通，还凑合能用。主要逻辑就是根据当前页码、分页大小和记录总数计算前两页后两页，以及上、下页等对应的链接地址就可以了。代码保存一下，以备后续完善。因公司不能上传图片，所以大家只好来个亲自动手看一下效果了。
分页控件需要读取url中的“page”参数，在页面中分页的位置写下以下语句就可以了
<%=******.Utility.Pager.Html(this.TotalCount, this.Page, 10) %>
CS代码
using System;
using System.Collections.Generic;
using System.Linq;
using System.Text;
using System.Web;namespace ******.Utility
{
/// <summary>
/// 分页
/// </summary>
public class Pager
{
///<summary>
///分页控件
///</summary>
///<param name=”recordCount”>记录总数</param>
///<param name=”pageIndex”>分页索引</param>
///<param name=”pageSize”>分页大小</param>
/// <returns>返回分页的Html代码</returns>
public static string Html(int recordCount, int pageIndex, int pageSize)
{
string result = string.Empty;pageSize = pageSize < 1 ? 10 : pageSize;
pageIndex = pageIndex < 1 ? 1 : pageIndex;
recordCount = recordCount < 1 ? 1 : recordCount;
if (recordCount > pageSize)
{
int pageCount = (recordCount % pageSize) == 0 ? (recordCount / pageSize) : (recordCount / pageSize) + 1;
string pageLink = PageLinkConstruct();
if (pageIndex > pageCount)
{
pageIndex = pageCount;
}
string htmlLeftPage = string.Empty;
string htmlRightPage = string.Empty;
//前两页
for (int i = 2; i > 0; i–)
{
if (pageIndex – i > 0)
{
htmlLeftPage += string.Format(“<a href=\”{0}\”>{1}</a>”, string.Format(pageLink, (pageIndex – i)), pageIndex – i);
}
}
//后两页
for (int j = 1; j < 3; j++)
{
if (pageIndex + j <= pageCount)
{
htmlRightPage += string.Format(“<a href=\”{0}\”>{1}</a>”, string.Format(pageLink, (pageIndex + j)), pageIndex + j);
}
}
int prevPage = pageIndex – 1;
if (prevPage < 1)
{
prevPage = 1;
}
int nextPage = pageIndex + 1;
if (nextPage > pageCount)
{
nextPage = pageCount;
}
string leftHtml = string.Empty;
if (pageIndex > 1)
{
leftHtml = string.Format(“<a {0}>{1}</a><a {2}>{3}</a>{4}”, string.Format(“href=\”{0}\””, string.Format(pageLink, 1)), “首页”, string.Format(“href=\”{0}\””, string.Format(pageLink, prevPage)), “上一页”, htmlLeftPage);
}
string rightHtml = string.Empty;
if (pageIndex < pageCount)
{
rightHtml = string.Format(“{0}<a {1}>{2}</a><a {3}>{4}</a>”, htmlRightPage, string.Format(“href=\”{0}\””, string.Format(pageLink, nextPage)), “下一页”, string.Format(“href=\”{0}\””, string.Format(pageLink, pageCount)), “尾页”);
}
result = string.Format(“<div class=\”htmlpager\”>{0}<b>{1}</b>{2}</div>”, leftHtml, pageIndex, rightHtml);
}
return result;}
/// <summary>
/// 构造翻页Url
/// </summary>
/// <returns></returns>
private static string PageLinkConstruct()
{
HttpContext hc = HttpContext.Current;StringBuilder sb = new StringBuilder();
if (!string.IsNullOrEmpty(hc.Request.QueryString[“page”]))
{
for (int i = 0; i < hc.Request.QueryString.Count; i++)
{
if (hc.Request.QueryString.Keys[i] != “page”)
{
sb.AppendFormat(“{0}={1}”, hc.Request.QueryString.Keys[i], hc.Request.QueryString[i].ToString());
sb.Append(“&”);
}
else
{
sb.Append(“page={0}&”);
}
}
}
else
{
for (int i = 0; i < hc.Request.QueryString.Count; i++)
{
sb.AppendFormat(“{0}={1}”, hc.Request.QueryString.Keys[i], hc.Request.QueryString[i].ToString());
sb.Append(“&”);
}sb.Append(“page={0}&”);
}if (sb.Length > 0)
{
sb.Remove(sb.Length – 1, 1);
}var url = new UriBuilder();
url.Scheme = hc.Request.Url.Scheme;
url.Host = hc.Request.Url.Host;
url.Port = hc.Request.Url.Port;
url.Path = hc.Request.Url.AbsolutePath;
url.Query = sb.ToString();return url.ToString();
}
}
}
CSS
DIV.htmlpager { MARGIN-TOP: 20px; MARGIN-BOTTOM: 10px}
DIV.htmlpager A {BORDER-RIGHT: #8db5d7 1px solid; PADDING-RIGHT: 5px; BORDER-TOP: #8db5d7 1px solid; PADDING-LEFT: 5px; PADDING-BOTTOM: 2px; BORDER-LEFT: #8db5d7 1px solid; COLOR: #000; MARGIN-RIGHT: 2px; PADDING-TOP: 2px; BORDER-BOTTOM: #8db5d7 1px solid; TEXT-DECORATION: none}
DIV.htmlpager A:hover {BORDER-RIGHT: red 1px solid; PADDING-RIGHT: 5px; BORDER-TOP: red 1px solid; PADDING-LEFT: 5px; PADDING-BOTTOM: 2px; BORDER-LEFT: red 1px solid; MARGIN-RIGHT: 2px; PADDING-TOP: 2px; BORDER-BOTTOM: red 1px solid}
DIV.htmlpager A:active {BORDER-RIGHT: red 1px solid; PADDING-RIGHT: 5px; BORDER-TOP: red 1px solid; PADDING-LEFT: 5px; PADDING-BOTTOM: 2px; BORDER-LEFT: red 1px solid; MARGIN-RIGHT: 2px; PADDING-TOP: 2px; BORDER-BOTTOM: red 1px solid}
DIV.htmlpager b {BORDER-RIGHT: #e89954 1px solid; PADDING-RIGHT: 5px; BORDER-TOP: #e89954 1px solid; PADDING-LEFT: 5px; FONT-WEIGHT: bold; PADDING-BOTTOM: 2px; BORDER-LEFT: #e89954 1px solid; COLOR: #000; MARGIN-RIGHT: 2px; PADDING-TOP: 2px; BORDER-BOTTOM: #e89954 1px solid; BACKGROUND-COLOR: #ffca7d}