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
  • 相关阅读:
    拆点问题
    黑球白球
    3n+1b 备忘录方法
    实体entity、JavaBean、Model、POJO、domain的区别
    DB中的读写分离
    Jmeter干货 不常用却极其有用的几个地方
    自动化测试 自动化框架需要满足的事项
    自动化测试面试题库
    测试工程师面试准备之----测试基础
    别人的面试经历 软件测试工程师
  • 原文地址:https://www.cnblogs.com/woshimrf/p/4905423.html
Copyright © 2011-2022 走看看