velocity分页模板
时间:2022-05-04
本文章向大家介绍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
- JavaScript 教程
- JavaScript 编辑工具
- JavaScript 与HTML
- JavaScript 与Java
- JavaScript 数据结构
- JavaScript 基本数据类型
- JavaScript 特殊数据类型
- JavaScript 运算符
- JavaScript typeof 运算符
- JavaScript 表达式
- JavaScript 类型转换
- JavaScript 基本语法
- JavaScript 注释
- Javascript 基本处理流程
- Javascript 选择结构
- Javascript if 语句
- Javascript if 语句的嵌套
- Javascript switch 语句
- Javascript 循环结构
- Javascript 循环结构实例
- Javascript 跳转语句
- Javascript 控制语句总结
- Javascript 函数介绍
- Javascript 函数的定义
- Javascript 函数调用
- Javascript 几种特殊的函数
- JavaScript 内置函数简介
- Javascript eval() 函数
- Javascript isFinite() 函数
- Javascript isNaN() 函数
- parseInt() 与 parseFloat()
- escape() 与 unescape()
- Javascript 字符串介绍
- Javascript length属性
- javascript 字符串函数
- Javascript 日期对象简介
- Javascript 日期对象用途
- Date 对象属性和方法
- Javascript 数组是什么
- Javascript 创建数组
- Javascript 数组赋值与取值
- Javascript 数组属性和方法
- leetcode栈之最小栈
- Linux基础学习之利用tcpdump抓包实例代码
- Linux/Unix关于时间和时间戳的命令行
- git文件管理心得分享
- Linux如何实现断点续传文件功能
- Xshell实现Windows上传文件到Linux主机的方法
- Linux中的EXT系列文件系统格式详解
- Linux中hexdump命令用法
- CentOS7挂载新数据盘的完整步骤
- Linux下安装Keepalived及原理分析
- centos6搭建gitlab的方法步骤
- Linxu服务器上安装JDK 详细步骤
- linux 不改变目录结构移动 home 目录到新分区的操作方法
- ubuntu14.04安装opencv3.0.0的操作方法
- Linux中让alias设置永久生效的方法详解