苹果CMS专题详情页数据调取与内容展示教程

发布时间：2025-04-12共10人阅读

一、专题详情页基础配置

苹果CMS专题详情页面拥有固定模板路径与系统参数，是实现专题内容展示、数据调取的基础依托。专题详情模板文件存放路径为 html/topic/index.html。

该页面专属页面ID为34，可通过 {$maccms.aid} 标签随时调用获取当前页面ID。专题详情页面访问必须携带 id 参数，用于匹配对应专题数据，是页面正常渲染的必要URL参数。

二、详情页核心数据数组说明

专题详情页面所有数据统一封装在 $obj 全局数组中，支持专题全字段直接调用，无需额外查询数据表。开发调试阶段，可使用 {:print_r($obj)} 代码打印输出当前专题的全部数据，快速查看所有可用字段，适配自定义开发需求。

$obj 数组内置整合资源列表，包含专题绑定的视频数据 $obj.vod_list 和文章数据 $obj.art_list，可直接通过循环标签遍历渲染。

三、专题视频+文章列表完整调用代码

以下为专题详情页通用展示代码，左侧渲染专题关联视频资源，右侧展示专题绑定文章列表，自带数量统计、排名样式、资源跳转功能，可直接部署使用。

<!-- 左侧影视 -->
<div class="qire-box ztl">
    <div class="channel-item">
        <div class="ui-title fn-clear"><span>本专题共“{$obj.vod_list|count}”部视频</span><h2>专题相关视频</h2></div>
        <div class="box_con">
            <ul class="zt-list">
                {maccms:foreach name="$obj.vod_list"}
                <li><a href="{:mac_url_vod_detail($vo)}" title="{$vo.vod_name}"><img src="{:mac_url_img($vo.vod_pic)}" alt="{$vo.vod_name}"/><h2>{$vo.vod_name}</h2><p>{$vo.vod_actor}</p><i>{$vo.vod_remarks}</i><em></em></a></li>
                {/maccms:foreach}
            </ul>
        </div>
    </div>
</div>
<!-- 右侧文章 -->
<div class="qire-l ztr">
    <div class="ui-ranking">
        <h3>本专题最新文章</h3>
        <ul class="ranking-list">
            {maccms:foreach name="$obj.art_list"}
            <li><i {if condition="$key lt 3"}class="stress" {/if}>{$key+1}</i><a href="{:mac_url_art_detail($vo)}" title="{$vo.art_name}">{$vo.art_name}</a></li>
            {/maccms:foreach}
        </ul>
    </div>
</div>

四、代码功能解析

1. 专题视频模块

通过 $obj.vod_list|count 自动统计专题内视频总数量，直观展示专题资源规模。借助 foreach 循环遍历视频列表数据，依次调取视频封面、标题、演员、备注信息，同时通过系统链接函数生成视频详情跳转地址，完整实现专题视频聚合展示效果。

2. 专题文章模块

循环遍历 $obj.art_list 渲染专题绑定的所有文章内容，自动生成文章排名序号，对前三名排名添加高亮样式区分。通过专属链接函数跳转至文章详情页，优化页面层级与用户浏览体验。

五、模板开发注意事项

专题详情页所有数据依赖 $obj 数组，禁止随意修改数组名称，否则会导致数据加载失败。
页面访问依赖URL中的专题ID参数，参数缺失会造成页面无法匹配对应专题数据。
视频、文章列表为系统自动关联渲染，无需手动筛选数据，支持自适应专题绑定资源。
页面样式类名可自定义美化，不影响核心数据调取与跳转逻辑。

苹果cms教程