苹果cms教程

苹果CMS用户中心通用列表分页代码实现教程

发布时间:2025-04-24共9人阅读

一、用户中心分页功能说明

苹果CMS用户中心的收藏记录、浏览记录、订单列表、投稿列表等所有列表页面,均可使用统一的分页结构。该分页代码基于系统全局分页变量 $__PAGING__ 开发,无需单独配置路由,兼容性强、可直接复用。

二、通用完整分页代码

<div class="member-page">
    <em>共{$__PAGING__.record_total}条</em>
    <a class="page_link" href="{$__PAGING__.page_url|str_replace='PAGELINK',1,###}" title="首页">首页</a>
    <a class="page_link" href="{$__PAGING__.page_url|str_replace='PAGELINK',$__PAGING__.page_prev,###}" title="上一页">上一页</a>
    {volist name="$__PAGING__.page_num"}
        {if condition="$__PAGING__['page_current'] eq $num"}
            <a class="page_link page_current" href="javascript:;" title="第{$num}页">{$num}</a>
        {else}
            <a class="page_link" href="{$__PAGING__.page_url|str_replace='PAGELINK',$num,###}" title="第{$num}页">{$num}</a>
        {/if}
    {/volist}
    <a class="page_link" href="{$__PAGING__.page_url|str_replace='PAGELINK',$__PAGING__.page_next,###}" title="下一页">下一页</a>
    <a class="page_link" href="{$__PAGING__.page_url|str_replace='PAGELINK',$__PAGING__.page_total,###}" title="尾页">尾页</a>
    <em>到第</em><input type="text" name="" class="page-input"><em>页</em><input type="submit" class="page-button" value="确定">
</div>

三、分页结构功能解析

  • 数据统计:通过 $__PAGING__.record_total 输出当前列表总数据条数。

  • 首尾页与翻页:自带首页、上一页、下一页、尾页按钮,自动适配当前页面路由地址。

  • 动态页码:通过 volist 循环自动输出可用页码,当前所在页码自动高亮锁定并禁止重复点击。

  • 手动跳页:内置页码输入框与提交按钮,支持手动输入页码快速跳转。

  • 路由适配:通过字符替换机制自动替换分页路由占位符,适配用户中心所有动态列表页面。