欢迎您访问程序员文章站本站旨在为大家提供分享程序员计算机编程知识!
您现在的位置是: 首页

JSTL 实现分页功能

程序员文章站 2023-12-25 09:11:09
...

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

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

结构为:

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

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

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


JSTL 实现分页功能
            
    
    博客分类: Java htmljavajstl
2. 当用户在第二页时前面无“...”


JSTL 实现分页功能
            
    
    博客分类: Java htmljavajstl
 

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


JSTL 实现分页功能
            
    
    博客分类: Java htmljavajstl
 

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


JSTL 实现分页功能
            
    
    博客分类: Java htmljavajstl
 

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


JSTL 实现分页功能
            
    
    博客分类: Java htmljavajstl
 

代码:其中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 实现分页功能
            
    
    博客分类: Java htmljavajstl
  • 大小: 1.8 KB
  • JSTL 实现分页功能
            
    
    博客分类: Java htmljavajstl
  • 大小: 2.1 KB
  • JSTL 实现分页功能
            
    
    博客分类: Java htmljavajstl
  • 大小: 2.2 KB
  • JSTL 实现分页功能
            
    
    博客分类: Java htmljavajstl
  • 大小: 2.3 KB
  • JSTL 实现分页功能
            
    
    博客分类: Java htmljavajstl
  • 大小: 1.7 KB
相关标签: html java jstl

上一篇:

下一篇: