以前用后台java拼接分页代码,不利于修改。找到一份velocity模板。
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