以前用后台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