（转）博客园分页导航之我见

原文地址：http://www.cnblogs.com/hailibu/archive/2010/04/27/1721866.html

 

博客园里用的分页导航控件，我大胆地猜测应该是通过后台程序代码，然后在页面上输出html标签。我发现它与新浪的分页导航非常相像，不过后者是通过JavaScript创建分页导航。

这种分页导航有4种状态：

1、不带省略号的

2、省略号在右边

3、省略号在左边

4、省略号在两边

下面是我根据这4种状态，写出的分页导航代码，欢迎园友们多多指点^_^

 

CSS样式

#pager
{
    font-size: 12px;
    margin: 25px 0;
    text-align: center;
    color: #2E6AB1;
    line-height: 200%;
}
#pager a
{
    border: 1px solid #9AAFE5;
    color: #2E6AB1;
    margin-right: 4px;
    padding: 2px 8px;
    text-decoration: none;
}
#pager a:hover
{
    border: 1px solid #2E6AB1;
    color: #363636;
}
#pager span.current
{
    background-color: #2E6AB1;
    border: 1px solid navy;
    color: #FFFFFF;
    font-weight: bold;
    margin-right: 4px;
    padding: 2px 8px;
}

页面代码：

 

<div id="pager_block">
<div id='pager'>
       分页导航Html标签存放位置
</div>
</div>

程序代码：

 

view source

?

001	using System;

002	using System.Collections.Generic;

003	using System.Linq;

004	using System.Web;

005	using System.Text;

006

007	public class Pager

008

{

009	/// <summary>

010	/// 创建分页导航Html标签

011	/// </summary>

012	/// <param name="pageIndex">索引页码,从1开始</param>

013	/// <param name="pageCount">总页数</param>

014	/// <param name="showPageCount">显示分页个数(奇数)</param>

015	/// <returns></returns>

016	public static string Build(int pageIndex, int pageCount, int showPageCount)

017

{

018	if (pageCount == 1)

019	return "";

020

021	StringBuilder sb = new StringBuilder();

022

023	int span = showPageCount / 2;  //前后对称的个数

024

025	int from, to;

026

027	if (pageCount > showPageCount + 1)  //导航中出现省略号

028

{

029	if (pageIndex <= span + 1)  //省略号出现在右边

030

{

031	from = 1; to = showPageCount;

032

033	if (pageIndex != 1)

034	sb.AppendFormat("<a href='Default.aspx?page={0}'>上一页</a>", pageIndex - 1);

035

036	sb.Append(ShowPageNavigation(pageIndex, from, to));

037

038	sb.Append("...");

039

040	sb.AppendFormat("<a href='Default.aspx?page={0}'>{0}</a>", pageCount);

041

042	sb.AppendFormat("<a href='Default.aspx?page={0}'>下一页</a>", pageIndex + 1);

043

044

}

045	else if (pageIndex >= pageCount - span)  //省略号出现在左边

046

{

047	from = pageCount + 1 - showPageCount; to = pageCount;

048

049	sb.AppendFormat("<a href='Default.aspx?page={0}'>上一页</a>", pageIndex - 1);

050

051	sb.Append("<a href='Default.aspx'>1</a>");

052

053	sb.Append("...");

054

055	sb.Append(ShowPageNavigation(pageIndex, from, to));

056

057	if (pageIndex != pageCount)

058	sb.AppendFormat("<a href='Default.aspx?page={0}'>下一页</a>", pageIndex + 1);

059

}

060	else  //省略号出现在两边

061

{

062	from = pageIndex - span; to = pageIndex + span;

063

064	sb.AppendFormat("<a href='Default.aspx?page={0}'>上一页</a>", pageIndex - 1);

065

066	sb.Append("<a href='Default.aspx'>1</a>");

067

068	sb.Append("...");

069

070	sb.Append(ShowPageNavigation(pageIndex, from, to));

071

072	sb.Append("...");

073

074	sb.AppendFormat("<a href='Default.aspx?page={0}'>{0}</a>", pageCount);

075

076	sb.AppendFormat("<a href='Default.aspx?page={0}'>下一页</a>", pageIndex + 1);

077

078

}

079

}

080	else  //导航中不出现省略号

081

{

082	from = 1; to = pageCount;

083

084	if (pageIndex != 1)

085	sb.AppendFormat("<a href='Default.aspx?page={0}'>上一页</a>", pageIndex - 1);

086

087	sb.Append(ShowPageNavigation(pageIndex, from, to));

088

089	if (pageIndex != pageCount)

090	sb.AppendFormat("<a href='Default.aspx?page={0}'>下一页</a>", pageIndex + 1);

091

}

092

093	return sb.ToString();

094

}

095

096	private static string ShowPageNavigation(int pageIndex, int from, int to)

097

{

098	StringBuilder sb = new StringBuilder();

099

100	for (int i = from; i <= to; i++)

101

{

102	if (i == pageIndex)

103

{

104	sb.AppendFormat("<span class='current'>{0}</span>", i);

105

}

106

else

107

{

108	sb.AppendFormat("<a href='Default.aspx?page={0}'>{0}</a>", i);

109

}

110

}

111

112	return sb.ToString();

113

}

114

}