JSTL 实现分页功能

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

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

结构为:

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

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

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



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



 

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



 

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



 

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



 

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

Html代码   收藏代码
  1. <div class="pageContainer">  
  2.     <c:if test="${currentpage != 1}">  
  3.         <a href="/cate/${name}/page/${currentpage-1}">上一页</a>  
  4.         <a href="/cate/${name}/page/1">1</a>  
  5.         <c:if test="${currentpage-1 != 1}">  
  6.             <span>...</span>  
  7.             <a href="/cate/${name}/page/${currentpage-1}">${currentpage-1}</a>  
  8.         </c:if>  
  9.     </c:if>  
  10.         <a href="javascript:;" style="color:#6CF;">${currentpage}</a>  
  11.     <c:if test="${currentpage != pagenum}">  
  12.         <c:if test="${currentpage+1 != pagenum}">  
  13.             <a href="/cate/${name}/page/${currentpage+1}">${currentpage+1}</a>  
  14.             <span>...</span>  
  15.         </c:if>  
  16.         <a href="/cate/${name}/page/${pagenum}">${pagenum}</a>  
  17.         <a href="/cate/${name}/page/${currentpage+1}">下一页</a>  
  18.     </c:if>  
  19. </div>  

 

 

 

你可能感兴趣的:(jstl)