JSTL 实现分页功能_JAVA_编程开发_程序员俱乐部

中国优秀的程序员网站程序员频道CXYCLUB技术地图
热搜:
更多>>
 
您所在的位置: 程序员俱乐部 > 编程开发 > JAVA > JSTL 实现分页功能

JSTL 实现分页功能

 2014/11/15 13:06:44  tjukk  程序员俱乐部  我要评论(0)
  • 摘要:目标:使用JSTL实现一个简洁的用户友好的分页。效果请看:http://dianying.ky620.com/cate/kehuan/page/1结构为:上一页第一页页码...上一页页码当前页页码下一页页码...最后一页页码下一页例如:上一页1...293031...62下一页1.当用户在首页是不显示“第一页”2.当用户在第二页时前面无“...”3.当用户在中间页时前后有“...”4.当用户在倒数第二页时后面无“...”5.当用户在最后一页时不显示“下一页”代码
  • 标签:功能 实现 JS

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

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

结构为:

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

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

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



2. 当用户在第二页时前面无“...”



?

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



?

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



?

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



?

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

class="html"><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>

?

?

?

  • 大小: 1.8 KB
  • 大小: 2.1 KB
  • 大小: 2.2 KB
  • 大小: 2.3 KB
  • 大小: 1.7 KB
  • 查看图片附件
上一篇: java运算 下一篇: java内存
发表评论
用户名: 匿名