zoukankan      html  css  js  c++  java
  • velocity分页模板

    以前用后台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
  • 相关阅读:
    字符串匹配的KMP算法(转)
    二分查找谜题
    快排的优化--说说尾递归
    ZR提高失恋测4
    CF1209
    ZR普转提2
    ZR提高失恋测3
    ZR提高失恋测2(9.7)
    ZR9.8普转提
    CF1214
  • 原文地址:https://www.cnblogs.com/woshimrf/p/4905423.html
Copyright © 2011-2022 走看看