前台分页,url分页,分页代码,前台分页效果,asp.net分页
2008-03-22 16:57
597 查看
去年做的前台分页效果,觉得还行,考虑到seo优化,用的是url分页,而且用到静态地址映射
今天拿出来晒晒。。。
[ 前台分页,url分页,分页代码,前台分页效果,asp.net分页 ]
如果总页数不超过10页的话,那么现实效果现实如下:
如果总页数超过10页的话,则分以下情况现实
[ 前台分页,url分页,分页代码,前台分页效果,asp.net分页 ]
第一页:
地址:http://baoguan.114study.com/datum_list10114
[ 前台分页,url分页,分页代码,前台分页效果,asp.net分页 ]
第二页:(前五页)
地址:http://baoguan.114study.com/datum_list10114_p2
[ 前台分页,url分页,分页代码,前台分页效果,asp.net分页 ]
第八页(中间页)
地址: http://baoguan.114study.com/datum_list10114_p8
[ 前台分页,url分页,分页代码,前台分页效果,asp.net分页 ]
第166页(最后五页内)
地址:http://baoguan.114study.com/datum_list10114_p166
[ 前台分页,url分页,分页代码,前台分页效果,asp.net分页 ]
最后一页
地址:http://baoguan.114study.com/datum_list10114_p168
[ 前台分页,url分页,分页代码,前台分页效果,asp.net分页 ]
具体分页代码:
protected void outputUrl()
...{
double fpageCount = (double)RecordCount / (double)PageSize;
int pageCount = Convert.ToInt32(Math.Ceiling(fpageCount));
string url = ViewState["url"].ToString();
if (url.IndexOf("_p") > 0)
...{
url = url.Substring(0, url.IndexOf("_p"));
}
getRightPage(url, pageCount);
string strPageContent = "";
int n = 0;
int m = 0;
for (int i = 1; i <= pageCount; i++)
...{
//最前一页
if (i == 1)
...{
if (PageNum == 1)
...{
strPageContent += @"<li><img src='images/btn_prepage2.gif' /></li>";
}
else
...{
strPageContent += @"<li><a href='" + url + "_p" + (PageNum - 1) + @"'><img src='images/btn_prepage.gif' /></a></li>";
}
}
//中间页
if (pageCount <= 10)
...{
if (i == PageNum)
...{
strPageContent += @"<li class='hoverpage'><a>" + i + "</a></li>";
}
else
...{
strPageContent += @"<li onmouseover=this.className='hoverpage' onmouseout=this.className='outpage1'><a href='" + url + @"_p" + i + @"'>" + i + "</a></li>";
}
}
else
...{
if (PageNum <= 5)
...{
if (i <= 5 || i > pageCount - 2)
...{
if (i == PageNum)
...{
strPageContent += @"<li class='hoverpage'><a>" + i + "</a></li>";
}
else
...{
strPageContent += @"<li onmouseover=this.className='hoverpage' onmouseout=this.className='outpage1'><a href='" + url + @"_p" + i + @"'>" + i + "</a></li>";
}
}
else
...{
if (n == 0)
...{
strPageContent += @"<li>...</li>";
n = 1;
}
}
}
else if (PageNum > 5 && PageNum <= pageCount - 5)
...{
if (i <= 2 || (i >= PageNum - 2 && i <= PageNum + 2) || i > pageCount - 2)
...{
if (i == PageNum)
...{
strPageContent += @"<li class='hoverpage'><a>" + i + "</a></li>";
}
else
...{
strPageContent += @"<li onmouseover=this.className='hoverpage' onmouseout=this.className='outpage1'><a href='" + url + @"_p" + i + @"'>" + i + "</a></li>";
}
}
else if (i > 2 && i < PageNum - 2)
...{
if (n == 0)
...{
strPageContent += @"<li>...</li>";
n = 1;
}
}
else
...{
if (m == 0)
...{
strPageContent += @"<li>...</li>";
m = 1;
}
}
}
else
...{
if (i > pageCount - 5 || i <= 2)
...{
if (i == PageNum)
...{
strPageContent += @"<li class='hoverpage'><a>" + i + "</a></li>";
}
else
...{
strPageContent += @"<li onmouseover=this.className='hoverpage' onmouseout=this.className='outpage1'><a href='" + url + @"_p" + i + @"'>" + i + "</a></li>";
}
}
else
...{
if (n == 0)
...{
strPageContent += @"<li>...</li>";
n = 1;
}
}
}
}
//最后页
if (i == pageCount)
...{
if (PageNum == pageCount)
...{
strPageContent += @"<li><img src='images/btn_nextpage2.gif' /></li>";
}
else
...{
strPageContent += @"<li><a href='" + url + "_p" + (PageNum + 1) + @"'><img src='images/btn_nextpage.gif' /></a></li>";
}
}
}
strPageContent += " <li><span>到第</span> <input size='2' id='ye' value="" + PageNum + "" onkeydown="javascript:if(window.event.keyCode == 13){if(this.value>" + pageCount + ")this.value=" + pageCount + ";window.location.href='" + url + "_p'+this.value;return false;}" style="width:18px;" onfocus="javascript:this.select();" title="输入页码并按回车,跳转到指定页面" /> <span>页</span></li><li><input name="tiaozhuan" type="button" class="submit" id="tiaozhuan" value="确定" onclick="javascript:if(document.getElementById('ye').value>" + pageCount + ")document.getElementById('ye').value=" + pageCount + ";window.location.href='" + url + "_p'+document.getElementById('ye').value;return false;"/></li>";
PageContent.InnerHtml = strPageContent;
}
今天拿出来晒晒。。。
[ 前台分页,url分页,分页代码,前台分页效果,asp.net分页 ]
如果总页数不超过10页的话,那么现实效果现实如下:
如果总页数超过10页的话,则分以下情况现实
[ 前台分页,url分页,分页代码,前台分页效果,asp.net分页 ]
第一页:
地址:http://baoguan.114study.com/datum_list10114
[ 前台分页,url分页,分页代码,前台分页效果,asp.net分页 ]
第二页:(前五页)
地址:http://baoguan.114study.com/datum_list10114_p2
[ 前台分页,url分页,分页代码,前台分页效果,asp.net分页 ]
第八页(中间页)
地址: http://baoguan.114study.com/datum_list10114_p8
[ 前台分页,url分页,分页代码,前台分页效果,asp.net分页 ]
第166页(最后五页内)
地址:http://baoguan.114study.com/datum_list10114_p166
[ 前台分页,url分页,分页代码,前台分页效果,asp.net分页 ]
最后一页
地址:http://baoguan.114study.com/datum_list10114_p168
[ 前台分页,url分页,分页代码,前台分页效果,asp.net分页 ]
具体分页代码:
protected void outputUrl()
...{
double fpageCount = (double)RecordCount / (double)PageSize;
int pageCount = Convert.ToInt32(Math.Ceiling(fpageCount));
string url = ViewState["url"].ToString();
if (url.IndexOf("_p") > 0)
...{
url = url.Substring(0, url.IndexOf("_p"));
}
getRightPage(url, pageCount);
string strPageContent = "";
int n = 0;
int m = 0;
for (int i = 1; i <= pageCount; i++)
...{
//最前一页
if (i == 1)
...{
if (PageNum == 1)
...{
strPageContent += @"<li><img src='images/btn_prepage2.gif' /></li>";
}
else
...{
strPageContent += @"<li><a href='" + url + "_p" + (PageNum - 1) + @"'><img src='images/btn_prepage.gif' /></a></li>";
}
}
//中间页
if (pageCount <= 10)
...{
if (i == PageNum)
...{
strPageContent += @"<li class='hoverpage'><a>" + i + "</a></li>";
}
else
...{
strPageContent += @"<li onmouseover=this.className='hoverpage' onmouseout=this.className='outpage1'><a href='" + url + @"_p" + i + @"'>" + i + "</a></li>";
}
}
else
...{
if (PageNum <= 5)
...{
if (i <= 5 || i > pageCount - 2)
...{
if (i == PageNum)
...{
strPageContent += @"<li class='hoverpage'><a>" + i + "</a></li>";
}
else
...{
strPageContent += @"<li onmouseover=this.className='hoverpage' onmouseout=this.className='outpage1'><a href='" + url + @"_p" + i + @"'>" + i + "</a></li>";
}
}
else
...{
if (n == 0)
...{
strPageContent += @"<li>...</li>";
n = 1;
}
}
}
else if (PageNum > 5 && PageNum <= pageCount - 5)
...{
if (i <= 2 || (i >= PageNum - 2 && i <= PageNum + 2) || i > pageCount - 2)
...{
if (i == PageNum)
...{
strPageContent += @"<li class='hoverpage'><a>" + i + "</a></li>";
}
else
...{
strPageContent += @"<li onmouseover=this.className='hoverpage' onmouseout=this.className='outpage1'><a href='" + url + @"_p" + i + @"'>" + i + "</a></li>";
}
}
else if (i > 2 && i < PageNum - 2)
...{
if (n == 0)
...{
strPageContent += @"<li>...</li>";
n = 1;
}
}
else
...{
if (m == 0)
...{
strPageContent += @"<li>...</li>";
m = 1;
}
}
}
else
...{
if (i > pageCount - 5 || i <= 2)
...{
if (i == PageNum)
...{
strPageContent += @"<li class='hoverpage'><a>" + i + "</a></li>";
}
else
...{
strPageContent += @"<li onmouseover=this.className='hoverpage' onmouseout=this.className='outpage1'><a href='" + url + @"_p" + i + @"'>" + i + "</a></li>";
}
}
else
...{
if (n == 0)
...{
strPageContent += @"<li>...</li>";
n = 1;
}
}
}
}
//最后页
if (i == pageCount)
...{
if (PageNum == pageCount)
...{
strPageContent += @"<li><img src='images/btn_nextpage2.gif' /></li>";
}
else
...{
strPageContent += @"<li><a href='" + url + "_p" + (PageNum + 1) + @"'><img src='images/btn_nextpage.gif' /></a></li>";
}
}
}
strPageContent += " <li><span>到第</span> <input size='2' id='ye' value="" + PageNum + "" onkeydown="javascript:if(window.event.keyCode == 13){if(this.value>" + pageCount + ")this.value=" + pageCount + ";window.location.href='" + url + "_p'+this.value;return false;}" style="width:18px;" onfocus="javascript:this.select();" title="输入页码并按回车,跳转到指定页面" /> <span>页</span></li><li><input name="tiaozhuan" type="button" class="submit" id="tiaozhuan" value="确定" onclick="javascript:if(document.getElementById('ye').value>" + pageCount + ")document.getElementById('ye').value=" + pageCount + ";window.location.href='" + url + "_p'+document.getElementById('ye').value;return false;"/></li>";
PageContent.InnerHtml = strPageContent;
}
相关文章推荐
- 分页查询--前台HTML+后台asp.net代码
- ASP.NET前台代码绑定后台变量方法总结
- ASP.NET的后台代码和前台JS代码相互调用
- Asp.net 2.0 自定义控件开发[实现GridView多行表头固定表体滚动效果][示例代码下载]
- Asp.net 2.0 自定义控件开发[实现GridView多行表头固定表体滚动效果][示例代码下载]
- Asp.net 2.0 自定义控件开发[实现GridView多行表头固定表体滚动效果][示例代码下载]
- Asp.net 2.0 自定义控件开发[实现GridView多行表头固定表体滚动效果][示例代码下载]
- ASP.NET前台代码绑定后台变量方法总结
- Asp.net 2.0 GridView的几个事件(如实现: 行的双击/单击/捕捉键盘按键/鼠标悬浮/移出效果)(示例代码下载)
- ASP.NET 前台Javascript调用后台代码 / 后台调用前台Javascript
- ASP.NET前台代码绑定后台变量方法总结
- LigerUI一个前台框架增、删、改asp.net代码的实现
- ASP.NET中前台javascript与后台代码调用
- ASP.NET中DataList数字分页代码 转 荐
- asp.net 大文章分页代码(c#)
- ASP.net后台CS代码文件中控制前台的Div是否显示
- asp.net后台调用前台js代码
- ASP.NET中前台javascript与后台代码调用
- ASP.NET的后台代码和前台JS代码相互调用
- ASP.NET前台代码绑定后台变量方法总结