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

本文参与腾讯云自媒体分享计划,欢迎正在阅读的你也加入,一起分享。

发表于

我来说两句

0 条评论
登录 后参与评论

相关文章

来自专栏菩提树下的杨过

.NET:Entity Framework 笔记

有二年没关注EF,今天无意试了下发现跟主流的Hibernate等ORM框架越来越接近了,先看下Entity类的定义: using System; using S...

2078
来自专栏c#开发者

使用javascript+xml实现分页

今天才开通我的csdn blog,把俺以前的帖子拿出来和大家分享。 基于web的技术中,分页是一个老的不能再老的,但大家津津乐道的问题,随着xml技术的日渐应用...

3418
来自专栏debugeeker的专栏

sedna进行xquery查询

版权声明:本文为博主原创文章,未经博主允许不得转载。 https://blog.csdn.net/xuzhina/article/detai...

641
来自专栏技术博文

js获取div编辑框,textarea,input text的光标位置,兼容FF和IE

<h<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3....

3846
来自专栏linux驱动个人学习

alsa声卡分析alsa-utils调用过程(二)-tinymixer

继上一篇文章:http://www.cnblogs.com/linhaostudy/p/8515277.html 三、tinymixer调用分析:(tinymi...

3547
来自专栏写写代码吃吃瓜

Android使用SurfaceView作为相机预览识图时,视图被拉伸的问题

5288
来自专栏机器学习从入门到成神

Spring与MyBatis的整合

版权声明:本文为博主原创文章,未经博主允许不得转载。 https://blog.csdn.net/sinat_35512245/articl...

6402
来自专栏菩提树下的杨过

ExtJs+WCF+LINQ实现分页Grid

上篇文章《用ExtJs+Linq+Wcf打造简单grid 》,这个网格控件不带分页,本文在上文的基础上添加分页功能,文中会着重介绍如何在用LINQ返回分页数据,...

3347
来自专栏Jerry的SAP技术分享

如何在SAP CRM里创建和消费Web service

The following steps demonstrates how to expose a function module as a web servic...

1031
来自专栏互联网杂技

Angularjs中UI Router超级详细的教程{{下}}

接着上一 state间如何传字符串参数 在路由中这样设置: .state('content.photos.detail.comment',{ url:'/co...

4215

扫码关注云+社区