一、核心标签说明
PbootCMS 通过 {pboot:nav}
(循环栏目) + {pboot:list}
(循环内容)的标签组合,实现 “栏目 - 内容” 的联动调用,关键标签及字段说明如下:
标签 / 字段 | 作用说明 | 示例值 |
---|---|---|
{pboot:nav} | 外层循环,遍历网站所有栏目(需开启 “显示” 的栏目) | - |
[nav:link] | 输出当前栏目的链接(如 /news/ ) | /news/ |
[nav:name] | 输出当前栏目的名称(如 “新闻动态”) | 新闻动态 |
[nav:scode] | 输出当前栏目的唯一标识(用于关联内容列表) | news |
{pboot:list} | 内层循环,按条件调用当前栏目的内容 | - |
scode=[nav:scode] | 关联当前栏目(通过栏目标识筛选内容) | scode="news" |
num=4 | 限制每个栏目下显示的内容数量(如 4 条) | - |
order=date | 按发布时间排序内容(可选 sorting /hits 等排序方式) | - |
[list:link] | 输出内容链接(如 /news/2024-01/article.html ) | /news/2024-01/... |
[list:title] | 输出内容标题(如 “2024 年行业趋势分析”) | 2024年行业趋势分析 |
[list:ico] | 输出内容缩略图(需提前上传) | /uploads/2024/01.jpg |
[list:date] | 输出内容发布时间(支持自定义格式,如 Y-m-d ) | 2024-01-01 |
[list:description] | 输出内容摘要(需提前填写) | 本文分析了2024年... |
二、完整实现代码(含 HTML 结构)
以下是首页模板中调用 “所有栏目 + 对应内容” 的完整代码示例(可直接复制到模板文件中):
{pboot:nav} <div class="panel"> <!-- 栏目头部:名称 + 更多链接 --> <div class="panel-title"> <a href="[nav:link]" class="more">更多</a> <h3>[nav:name]</h3> </div> <!-- 内容列表:每个栏目显示4条内容 --> <ul class="content-list"> {pboot:list scode=[nav:scode] num=4 order=date} <li> <a href="[list:link]"> <!-- 缩略图(含默认图处理) --> <div class="img-box"> <img src="[list:ico]" onerror="this.src='/static/images/nopic.png'" alt="[list:title]"> </div> <!-- 内容信息:标题 + 日期 + 摘要 --> <div class="info"> <h4>[list:title]</h4> <span class="date">[list:date style=Y-m-d]</span> <p>[list:description len=60]</p> </div> </a> </li> {/pboot:list} </ul> </div> {/pboot:nav}