以前用后台java拼接分页代码,不利于修改。找到一份velocity模板。
<!-- 分页模板 -->
#macro(pager $url $pager)
<url class="page">
#set($FRONT_LEN = 3)
#set($BEHIND_LEN = 3)
#set($PAGER_LEN = 7)
#set($last = $!{pager.pageNumber} - 1)
#set($next = $!{pager.pageNumber} + 1)
<!--设置页码列表开始和结束 -->
<!--如果总页数<=展示长度 -->
#if($!{pager.totalPage} <= $!{PAGER_LEN})
#set($header = 1)
#set($ender = $!{pager.totalPage})
<!--如果总页数>展示长度 -->
#else
<!-- 当前页 < 展示长度-->
#if($!{pager.pageNumber} < $!{PAGER_LEN})
#set($header = 1)
#set($ender = $PAGER_LEN)
<!--当前页 >= 展示长度 && 定尾部,再定头部 -->
#else
#set($ender = $!{pager.pageNumber} + $!{BEHIND_LEN})
#if($!ender > $!{pager.totalPage})
#set($ender = $!{pager.totalPage})
#end
#set($header = $!ender - $!{PAGER_LEN})
#end
#end
<li #if($!{pager.pageNumber} == 1) class="disabled"#end>
<a href="$!{url}?page=$!last">上一页</a>
</li>
<!-- 页码列表 -->
#foreach($p in [$!{header}..$!{ender}])
<li #if($!{pager.pageNumber} == $!{p}) class="active" #end>
<a href="$!{url}?page=$!{p}">$!{p}</a>
</li>
#end
<li #if($!{pager.pageNumber} == $!{pager.totalPage}) class="disabled" #end>
<a href="$!{url}?page=$!next">下一页</a>
</li>
<li>
每页 $!{pager.pageSize} 条, 共 $!{pager.totalRow} 条, 共$!{pager.totalPage}页
<input type="text" placeholder="1" id="tzy">
<a href="javascript:var tem=document.getElementById('tzy').value;
var temhref='$!{url}?page=tem';
window.location.href=temhref;">
跳转
</a>
</li>
</url>
#end