一、核心標簽說明
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}
