前往小程序,Get更优阅读体验!
立即前往
首页
学习
活动
专区
工具
TVP
发布
社区首页 >专栏 >velocity分页模板

velocity分页模板

作者头像
Ryan-Miao
发布2018-03-13 12:11:45
9960
发布2018-03-13 12:11:45
举报
文章被收录于专栏:Ryan Miao

以前用后台java拼接分页代码,不利于修改。找到一份velocity模板。

代码语言:javascript
复制
 1 <!-- 分页模板 -->    
 2 #macro(pager $url $pager)
 3 <url class="page">
 4         #set($FRONT_LEN = 3)
 5     #set($BEHIND_LEN = 3) 
 6     #set($PAGER_LEN = 7)
 7     #set($last = $!{pager.pageNumber} - 1)
 8     #set($next = $!{pager.pageNumber} + 1)
 9      <!--设置页码列表开始和结束  -->
10      <!--如果总页数<=展示长度  -->
11     #if($!{pager.totalPage} <= $!{PAGER_LEN})
12             #set($header = 1)
13             #set($ender = $!{pager.totalPage})
14     <!--如果总页数>展示长度  -->      
15      #else
16                  <!-- 当前页 < 展示长度-->
17                   #if($!{pager.pageNumber} < $!{PAGER_LEN})
18                       #set($header = 1)
19                     #set($ender = $PAGER_LEN)
20                 <!--当前页 >= 展示长度 && 定尾部,再定头部  -->
21                   #else
22                            #set($ender = $!{pager.pageNumber} + $!{BEHIND_LEN})
23                            #if($!ender > $!{pager.totalPage})
24                                #set($ender = $!{pager.totalPage})
25                            #end
26                            #set($header = $!ender - $!{PAGER_LEN})
27                 #end  
28      #end
29     <li #if($!{pager.pageNumber} == 1) class="disabled"#end>
30           <a href="$!{url}?page=$!last">上一页</a>
31      </li>
32     <!-- 页码列表 -->
33       #foreach($p in [$!{header}..$!{ender}])
34         <li #if($!{pager.pageNumber} == $!{p}) class="active" #end>
35             <a href="$!{url}?page=$!{p}">$!{p}</a>
36         </li>
37       #end
38     <li #if($!{pager.pageNumber} == $!{pager.totalPage}) class="disabled" #end>
39         <a href="$!{url}?page=$!next">下一页</a>
40     </li>
41     <li>
42         每页 $!{pager.pageSize} 条, 共 $!{pager.totalRow} 条, 共$!{pager.totalPage}页 
43         <input type="text" placeholder="1" id="tzy"> 
44         <a href="javascript:var tem=document.getElementById('tzy').value;
45                             var temhref='$!{url}?page=tem';
46                             window.location.href=temhref;">
47             跳转
48         </a>
49     </li>
50 </url>
51 #end
本文参与 腾讯云自媒体同步曝光计划,分享自作者个人站点/博客。
如有侵权请联系 cloudcommunity@tencent.com 删除

本文分享自 作者个人站点/博客 前往查看

如有侵权,请联系 cloudcommunity@tencent.com 删除。

本文参与 腾讯云自媒体同步曝光计划  ,欢迎热爱写作的你一起参与!

评论
登录后参与评论
0 条评论
热度
最新
推荐阅读
领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档