spring boot 关于 freemaker的自定义分页标签使用

1.个人感觉就像是css 和 js文件引用一样,就是自定义一个名称,封装它,然后调用就行了。

 

2.实例代码:

<#macro page pageNo totalPage showPages callFunName>
<div class="page_list clearfix">
    <#if pageNo!=1>
        <a href="javascript:${callFunName+'('+1+')'};" class="top_page">首页</a>
        <a href="javascript:${callFunName+'('+(pageNo-1)+')'};" class="page_prev">上一页</a>
    </#if>
    <#if pageNo-showPages/2 gt 0>
        <#assign start = pageNo-(showPages-1)/2/>
        <#if showPages gt totalPage>
            <#assign start = 1/>
        </#if>
    <#else>
        <#assign start = 1/>
    </#if>
    <#if totalPage gt showPages>
        <#assign end = (start+showPages-1)/>
        <#if end gt totalPage>
            <#assign start = totalPage-showPages+1/>
            <#assign end = totalPage/>
        </#if>
    <#else>
        <#assign end = totalPage/>
    </#if>
    <#assign pages=start..end/>
    <#list pages as page>
        <#if page==pageNo>
            <a href="javascript:${callFunName+'('+page+')'};" class="current">${page}</a>
        <#else>
            <a href="javascript:${callFunName+'('+page+')'};">${page}</a>
        </#if>
    </#list>
    <#if pageNo!=totalPage>
        <a href="javascript:${callFunName+'('+(pageNo+1)+')'};" class="page_next">下一页</a>
        <a href="javascript:${callFunName+'('+totalPage+')'};" class="end_page">尾页</a>
    </#if>
</div>
</#macro>

 

3.引入使用

<!-- 导入自定义ftl -->
<#import "aa.ftl" as cast/>
<!-- 使用该标签 -->
<@cast.page pageNo=12 totalPage=30 showPages=9 callFunName="alert"/>

4.最后访问相应的路径就能看到(记得自己定义相关的css)。

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值