首页 > Web开发 > 详细

JSTL 实现分页功能

时间:2014-11-16 02:09:31      阅读:322      评论:0      收藏:0      [点我收藏+]

目标:使用JSTL实现一个简洁的用户友好的分页。

效果请看:http://dianying.ky620.com/cate/kehuan/page/1

结构为:

上一页 第一页页码 ... 上一页页码 当前页页码 下一页页码 ... 最后一页页码 下一页

例如:上一页?1?...?29?30?31?...?62?下一页

1. 当用户在首页是不显示“第一页”


bubuko.com,布布扣
2. 当用户在第二页时前面无“...”


bubuko.com,布布扣
?

3. 当用户在中间页时前后有“...”


bubuko.com,布布扣
?

4. 当用户在倒数第二页时后面无“...”


bubuko.com,布布扣
?

5. 当用户在最后一页时不显示“下一页”


bubuko.com,布布扣
?

代码:其中currentpage是当前页,pagenum是页数。

<div class="pageContainer">
	<c:if test="${currentpage != 1}">
		<a href="/cate/${name}/page/${currentpage-1}">上一页</a>
		<a href="/cate/${name}/page/1">1</a>
		<c:if test="${currentpage-1 != 1}">
			<span>...</span>
			<a href="/cate/${name}/page/${currentpage-1}">${currentpage-1}</a>
		</c:if>
	</c:if>
		<a href="javascript:;" style="color:#6CF;">${currentpage}</a>
	<c:if test="${currentpage != pagenum}">
		<c:if test="${currentpage+1 != pagenum}">
			<a href="/cate/${name}/page/${currentpage+1}">${currentpage+1}</a>
			<span>...</span>
		</c:if>
		<a href="/cate/${name}/page/${pagenum}">${pagenum}</a>
		<a href="/cate/${name}/page/${currentpage+1}">下一页</a>
	</c:if>
</div>

?

?

?

JSTL 实现分页功能

原文:http://tjukk.iteye.com/blog/2156373

(0)
(0)
   
举报
评论 一句话评论(0
关于我们 - 联系我们 - 留言反馈 - 联系我们:wmxa8@hotmail.com
© 2014 bubuko.com 版权所有
打开技术之扣,分享程序人生!