Skip to content

Refactor freemarker pagination tag.

前台分页的最终形态,将彩虹分页和上下页整合到了一起。

目前可以这样做:

            <@postTag method="pagination" page="${posts.number}" total="${posts.totalPages}" display="3" isArchives="false">
                <#if pagination.hasPrev>
                    <a class="extend prev" rel="prev" href="${pagination.prePageFullPath!}">
                        <i class="fa fa-angle-left" aria-label="Previous page"></i>
                    </a>
                </#if>
                <#list pagination.rainbowPages as number>
                    <#if number.isCurrent>
                        <span class="page-number current">${number.page!}</span>
                    <#else>
                        <a class="page-number" href="${number.fullPath!}">${number.page!}</a>
                    </#if>
                </#list>
                <#if pagination.hasNext>
                    <a class="extend next" rel="next" href="${pagination.nextPageFullPath!}">
                        <i class="fa fa-angle-right" aria-label="Next page"></i>
                    </a>
                </#if>
            </@postTag>

一个好处:主题开发者完全不用自己拼接分页链接。

合并请求报告