简单的Freemarker分页插件

秋风扫落叶

浏览: 135536 次
性别:
来自: 成都

最近访客更多访客>>

ceesun

抛出异常的爱

guojing2010

mssk110

博主相关

博客

微博

相册

留言

关于我

文章分类

社区版块

存档分类

博客分类：

freemarker

freemarker

在日常进行开发中，当数据量太多时，为了提高效率，我们会采用分页的方式展示数据。这样每次检索数据到展示出来的时间将大大缩小。在使用Freemarker的时候我了方便，写了一个简单的分页插件。该插件支持三种皮肤。

Freemarker插件内容如下（pageShow.ftl）：

<#-- 分页控件-->

<#-- 分页组件的使用 -->

<#--

pageShow 总页数, 当前页, 请求服务地址, 页面大小默认15, 显示最多分页个数, 请求服务地址参数默认为p, 分页样式（可选：gray（默认）、orange、blue）

<#import "pub/pageShow.ftl" as page>

<@page.pageShow pageCount, curPage, "pagePluginTest.do", pageSize, "blue"/>

-->

<#macro pageShow _totalPageNum _currentPageNo _pageName _pageSize=15 _styleClassName="gray" _maxShowNums=10 _defaultPageParameter="p" >

<#-- 本段默认起始页 -->

<#local _pageStartNo = 1/>

<#-- 本段默认结束页 -->

<#local _pageEndNo = _maxShowNums />

<#-- 分页的第一页 -->

<#local _firstPageNo = 1 />

<#-- 分页的最后一页 -->

<#local _lastPageNo = _totalPageNum>

<#-- 前一页号码 -->

<#local _prePageNo = _currentPageNo-1 />

<#-- 后一页号码 -->

<#local _nextPageNo = _currentPageNo+1 />

<#if _currentPageNo == _pageStartNo>

<#local _prePageNo = _pageStartNo />

</#if>

<#if _currentPageNo == _lastPageNo>

<#local _nextPageNo = _lastPageNo />

</#if>

<#if _currentPageNo gt _maxShowNums>

<#local _thisPageSegment = ((_currentPageNo-1) / _maxShowNums)?int + 1/>

<#assign _thisPageStartNo = _pageStartNo + (_thisPageSegment-1) * _maxShowNums/>

<#assign _thisPageEndNo = _pageEndNo + (_thisPageSegment-1) * _maxShowNums/>

<#if _thisPageEndNo gt _totalPageNum>

<#assign _thisPageEndNo = _totalPageNum>

</#if>

<#else>

<#assign _thisPageStartNo = _pageStartNo />

<#assign _thisPageEndNo = _pageEndNo />

</#if>

<#-- 构造当前分页栏上面的分页按钮 -->

<#local _pages=[] />

<#if _totalPageNum != 0>

<#list _thisPageStartNo .. _thisPageEndNo as _index>

<#if _currentPageNo == _index >

<#local _pages = _pages + [{"pageNum" : _index ,"url" : _pageName+"?"+_defaultPageParameter+"="+_index , "current" : true}] />

<#else>

<#local _pages = _pages + [{"pageNum" : _index ,"url" : _pageName+"?"+_defaultPageParameter+"="+_index , "current" : false}] />

</#if>

</#list>

</#if>

<#-- 构造分页栏HTML代码 -->

<#local _htmlNoLinkLine>

<#if _currentPageNo != _pageStartNo>

</#if>

<#list _pages as page>

<#if page.current?default(false)>

<span class="current" >${page.pageNum}</span>

<#else>

<a href="${page.url}" mce_href="${page.url}" target="_self">${page.pageNum}</a>

</#if>

</#list>

<#if _currentPageNo != _lastPageNo>

</#if>

<span>共${_totalPageNum?default(0)}页</span>

</#local>

${_htmlNoLinkLine}

</div>

<#if _styleClassName == "gray">

<#-- CSS gray style pagination -->

div.gray {

font-size: 12px;

font-family: verdana, arial, helvetica, sans-serif;

padding: 3px;

margin: 3px;

text-align: center;

color:#999999;

}

div.gray a {

border: #E1E2E3 1px solid;

padding: 7px 14px;

margin: 2px;

color: #0000CC;

text-decoration: none;

}

div.gray a:hover {

border: #3388FF 1px solid;

background: #F2F8FF;

}

div.gray a:active {

color: #FF0000;

}

div.gray span.current {

border: transparent 1px solid;

font-weight: bold;

margin: 2px;

padding: 7px 14px;

color: #333333;

}

</#if>

<#if _styleClassName == "orange">

<#-- CSS orange style pagination -->

div.orange {

font-size: 12px;

font-family: verdana, arial, helvetica, sans-serif;

padding: 3px;

margin: 3px;

text-align: center;

color:#999999;

}

div.orange a {

border: #DFDFDF 1px solid;

padding: 7px 14px;

margin: 2px;

color: #3D3D3D;

text-decoration: none;

}

div.orange a:hover {

border: #FE4500 1px solid;

background: transparent;

color:#FE4500;

}

div.orange a:active {

color: #FE4500;

}

div.orange span.current {

border: #FF4400 1px solid;

background: #FF4400;

font-weight: bold;

margin: 2px;

padding: 7px 14px;

color: #FFFFFF;

}

</#if>

<#if _styleClassName == "blue">

<#-- CSS blue style pagination -->

div.blue {

font-size: 12px;

font-family: verdana, arial, helvetica, sans-serif;

padding: 3px;

margin: 3px;

text-align: center;

color:#999999;

}

div.blue a {

border: #E1E2E3 1px solid;

padding: 7px 14px;

margin: 2px;

color: #808080;

text-decoration: none;

}

div.blue a:hover {

border: #389CFF 1px solid;

background: transparent;

color:#389CFF;

}

div.blue a:active {

color: #389CFF;

}

div.blue span.current {

border: #389CFF 1px solid;

background: #389CFF;

font-weight: bold;

margin: 2px;

padding: 7px 14px;

color: #FFFFFF;

}

</#if>

</style>

</#macro>

分页插件的使用：

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">

<html>

<head>

<title>Freemarker分页</title>

</head>

<body>

</tr>

<#list userList as user>

<td>

<#if user.id?exists> ${user.id} </#if>

</td>

<td>

<#if user.name?exists> ${user.name} </#if>

</td>

<td>

<#if user.sex?exists> ${user.sex} </#if>

</td>

<td>

<#if user.age?exists> ${user.age} </#if>

</td>

</tr>

</#list>

<!--

pageShow 总页数, 当前页, 请求服务地址, 页面大小默认15, 显示最多分页个数, 请求服务地址参数默认为p, 分页样式（可选：gray（默认）、orange、blue）

-->

<#import "pub/pageShow.ftl" as page>

<@page.pageShow pageCount, curPage, "pagePluginTest.do", pageSize, "gray"/><br/>

<@page.pageShow pageCount, curPage, "pagePluginTest.do", pageSize, "blue"/><br/>

<@page.pageShow pageCount, curPage, "pagePluginTest.do", pageSize, "orange"/>

</td>

</tr>

</table>

</body>

</html>

效果图：

查看图片附件

分享到：

Freemarker的if else语句 | JSP九大内置对象之application对象

2015-11-18 23:06
浏览 2481
评论(0)
分类:企业架构
查看更多

发表评论

您还没有登录,请您登录后再发表评论

最近访客更多访客>>

博主相关

文章分类

社区版块

存档分类

最新评论