服务器之家

服务器之家 > 正文

C#页码导航显示及算法实现代码

时间:2019-10-13 14:03     来源/作者:asp.net教程网

算法要求: 
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> 


说明:很久前赶工完成,基本能够实现要求,没有经过仔细优化,谁优化了再回复看看!

 

标签:

相关文章

热门资讯

玄元剑仙肉身有什么用 玄元剑仙肉身境界等级划分
玄元剑仙肉身有什么用 玄元剑仙肉身境界等级划分 2019-06-21
男生常说24816是什么意思?女生说13579是什么意思?
男生常说24816是什么意思?女生说13579是什么意思? 2019-09-17
华为nova5pro和p30pro哪个好 华为nova5pro和华为p30pro对比详情
华为nova5pro和p30pro哪个好 华为nova5pro和华为p30pro对比详情 2019-06-22
抖音撒撒累累是什么歌 撒撒累累张艺兴歌曲名字
抖音撒撒累累是什么歌 撒撒累累张艺兴歌曲名字 2019-06-05
超A是什么意思 你好a表达的是什么
超A是什么意思 你好a表达的是什么 2019-06-06
返回顶部