C#頁碼導航顯示及算法實現代碼

更新時間：2012年12月20日 16:10:02 作者：

C#頁碼導航算法要求：頁數小于等于1時不顯示；頁數大于10時，自動縮短，需要的朋友可以了解下

頁碼導航，先看顯示效果：

算法要求：
1、頁數小于等于1時不顯示；
2、頁數大于10時，自動縮短。
具體代碼如下：

復制代碼代碼如下:

 
/// <summary> 
/// 獲取分頁導航 
/// </summary> 
/// <param name="intPageIndex">頁碼</param> 
/// <param name="intPageCount">頁數</param> 
/// <param name="strUrl">鏈接</param> 
/// <returns>HTML代碼</returns> 
private string GePageNavgation(int intPageIndex, int intPageCount, string strUrl) 
{ 
StringBuilder sb = new StringBuilder("<div class=\"div_pagenavgation\">"); 
if (intPageCount > 1) 
{ 
//頁碼顯示 
if (intPageIndex == 1) 
{ 
sb.Append("<span class=\"disabled\"> < 上一頁</span>"); 
} 
else if (intPageIndex > 1) 
{ 
sb.Append("<a href=\"" + strUrl + (intPageIndex - 1).ToString() + "\">< 上一頁</a>"); 
} 
bool Dot1 = false, Dot2 = false; 
for (int i = 1; i <= intPageCount; i++) 
{ 
if (i == intPageIndex) 
{ 
sb.Append("<span class=\"current\">" + intPageIndex.ToString() + "</span>"); 
continue; 
} 
if (i <= 3) 
{ 
sb.Append("<a href=\"" + strUrl + i.ToString() + "\">" + i.ToString() + "</a>"); 
continue; 
} 
if (intPageIndex > 7) 
{ 
if (!Dot1) 
{ 
sb.Append("<span class=\"dotted\">...</span>"); 
Dot1 = true; 
} 
} 
if (i == intPageIndex - 3) 
{ 
sb.Append("<a href=\"" + strUrl + i.ToString() + "\">" + i.ToString() + "</a>"); 
continue; 
} 
if (i == intPageIndex - 2) 
{ 
sb.Append("<a href=\"" + strUrl + i.ToString() + "\">" + i.ToString() + "</a>"); 
continue; 
} 
if (i == intPageIndex - 1) 
{ 
sb.Append("<a href=\"" + strUrl + i.ToString() + "\">" + i.ToString() + "</a>"); 
continue; 
} 
if (i == intPageIndex + 1) 
{ 
sb.Append("<a href=\"" + strUrl + i.ToString() + "\">" + i.ToString() + "</a>"); 
continue; 
} 
if (i == intPageIndex + 2) 
{ 
sb.Append("<a href=\"" + strUrl + i.ToString() + "\">" + i.ToString() + "</a>"); 
continue; 
} 
if (i == intPageIndex + 3) 
{ 
sb.Append("<a href=\"" + strUrl + i.ToString() + "\">" + i.ToString() + "</a>"); 
continue; 
} 
if ((intPageCount - intPageIndex) > 6 && i > intPageIndex + 3) 
{ 
if (!Dot2) 
{ 
sb.Append("<span class=\"dotted\">...</span>"); 
Dot2 = true; 
} 
} 
if (i > intPageCount - 3) 
{ 
sb.Append("<a href=\"" + strUrl + i.ToString() + "\">" + i.ToString() + "</a>"); 
continue; 
} 
} 
if (intPageIndex == intPageCount) 
{ 
sb.Append("<span class=\"disabled\">下一頁 ></span>"); 
} 
else if (intPageIndex + 1 <= intPageCount) 
{ 
sb.Append("<a href=\"" + strUrl + (intPageIndex + 1).ToString() + "\">下一頁 ></a>"); 
} 
} 
sb.Append("</div>"); 
return sb.ToString(); 
} 

CSS樣式：

復制代碼代碼如下:

 
.div_pagenavgation{ 
margin-top:5px; 
line-height:20px; 
float:right; 
} 
.div_pagenavgation a{ 
float:left; 
text-decoration:none; 
color:#06F; 
margin-left:5px; 
padding-left:5px; 
padding-right:5px; 
height:20px; 
text-align:center; 
display:block; 
border:1px #CCC solid; 
} 
.div_pagenavgation .dotted{ 
float:left; 
} 
.div_pagenavgation .current{ 
float:left; 
margin-left:5px; 
padding-left:5px; 
padding-right:5px; 
height:20px; 
text-align:center; 
display:block; 
border:1px #CCC solid ; 
background-color:#0080C0; 
color:#FFF; 
} 
.div_pagenavgation .disabled{ 
float:left; 
margin-left:5px; 
padding-left:5px; 
padding-right:5px; 
height:20px; 
text-align:center; 
display:block; 
border:1px #CCC solid; 
color:#CCC; 
} 

產生的HTML如下：

復制代碼代碼如下:

 
<div class="div_pagenavgation"> 
<a href="?m=log&page=11">< 上一頁</a> 
<a href="?m=log&page=1">1</a> 
<a href="?m=log&page=2">2</a> 
<a href="?m=log&page=3">3</a> 
<span class="dotted">...</span> 
<a href="?m=log&page=9">9</a> 
<a href="?m=log&page=10">10</a> 
<a href="?m=log&page=11">11</a> 
<span class="current">12</span> 
<a href="?m=log&page=13">13</a> 
<a href="?m=log&page=14">14</a> 
<a href="?m=log&page=15">15</a> 
<span class="dotted">...</span> 
<a href="?m=log&page=27">27</a> 
<a href="?m=log&page=28">28</a> 
<a href="?m=log&page=29">29</a> 
<a href="?m=log&page=13">下一頁 ></a> 
</div> 