发布一个freemarker仿discuz分页标签的marco

最新推荐文章于 2021-03-22 00:30:26 发布

kfcman

最新推荐文章于 2021-03-22 00:30:26 发布

阅读量140

点赞数

CC 4.0 BY-SA版权

分类专栏： freemarker 文章标签： freemarker CSS

本文链接：https://blog.youkuaiyun.com/kfcman/article/details/83811497

freemarker 专栏收录该内容

2 篇文章

订阅专栏

本文介绍了一个用于网页中实现表单分页功能的宏定义方法。该宏通过解析表单提交动作、参数等信息来实现页面导航及跳转。适用于需要进行大量数据展示与分页的应用场景。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

<#macro page_table>
<table cellpadding="0" cellspacing="0" border="0" class="pageTable">
<tr>
<td align="left" width="*">
<#nested />
</td>
<td align="right" width="100">

</td>
</tr>
</table>
</#macro>

<#macro page_nav actionUrl page param extra...>
<#assign end=(actionUrl?index_of(".action")) />
<#assign actionName>${actionUrl?substring(0,end)}</#assign>

<form id="${actionName}" name="${actionName}" method="post" action="${actionUrl}">
<input type="hidden" id="pageNo" name="${param}.pageNo" value="" />
<#list extra?keys as attr>
<input type="hidden" name="${attr}" value="${extra[attr]}" />
</#list>
<table border="0" align="left" cellpadding="0" cellspacing="0" width="auto">
<tr>
<td class="pagination">
<div class="pagination_totalCount">第${page.pageNo}页</div>
<#if (page.pageNo gt 1) >
<div class="pagination_index" onclick="coos.form.submit.page('${actionName}','${page.pageNo-1}');">
<span class="arrow"><<</span>
</div>
</#if>

<#if (page.pageNo gt 9)>
<#assign starPage=(page.pageNo - 4) />
<#if ((page.totalPages - page.pageNo)>4)>
<#assign endPage=(page.pageNo + 4) />
<#else>
<#assign endPage=page.totalPages />
</#if>
<#elseif (page.totalPages lt 10)>
<#assign starPage=1 />
<#assign endPage=page.totalPages />
<#else>
<#assign starPage=1 />
<#assign endPage=10 />
</#if>

<#list starPage..endPage as i>
<#if i == page.pageNo>
<div class="pagination_curr" onclick="coos.form.submit.page('${actionName}','${i}');">${i}</div>
<#else>
<div class="pagination_index" onclick="coos.form.submit.page('${actionName}','${i}');">${i}</div>
</#if>
</#list>

<#if (page.pageNo lt page.totalPages) >
<div class="pagination_index" onclick="coos.form.submit.page('${actionName}','${page.pageNo+1}');">
<span class="arrow">>></span>
</div>
</#if>
<div class="pagination_totalCount">共${page.totalPages}页,${page.totalCount}条记录</div>
</td>
</tr>
</table>
</form>
</#macro>

＝＝＝＝＝＝＝＝＝＝＝＝＝

对应css样式

＝＝＝＝＝＝＝＝＝＝＝＝＝

.pagination
{
color: #878787;border: 1px solid #D9D9D4; background: #f7f7f7;cursor: pointer;
height: 20px !important;height: 24px;padding:0px;
}
.pagination_curr
{
color: red;float: left;text-align: center;line-height: 150%;
width: 20px;height: 100%;font-size: 14px;background-color: #ccc;
}
.pagination_index
{
color: black;float: left;text-align: center;
width: 20px;height: 100%;font-size: 14px;line-height: 150%;
}
.pagination_totalCount
{
font-size: 12px;color: black;float: left;text-align: center;line-height: 150%;
padding-top: 2px;padding-left: 5px;padding-right: 5px;
width: auto;height: 18px !important;height: 22px;
}
.paginationLine
{
margin-top:5px;text-align: right;
}
.arrow
{
font-size: 10px;
}