Pbootcms模板开发导航菜单列表标签

Pbootcms模板开发导航菜单列表标签
导航菜单列表标签

适用范围:全站任意地方均可使用

标签作用:用于调导航菜单栏目列表,对应后台的"基础内容>内容栏目"

1、导航菜单列表

{pboot:nav}

<a href="[nav:link]">[nav:name]</a>

{/pboot:nav}

控制参数:

num=* 数量,非必填,用于控制输出的数量

parent=* 父菜单编码,用于输出子栏目,默认从一级菜单开始输出,(V3.1.2+)支持传递多个编码

parent={sort:pcode} 可用于输出当前栏目的同级菜单

parent={sort:scode} 可用于输出当前栏目的子菜单

parent={sort:tcode} 可用于输出当前栏目顶级菜单的子菜单

scode=1,2,3 用于控制输出栏目范围(V3.1.2+)

要注意parent和scode的区别,一个是输出子栏目,一个控制范围

2、可使用的列表标签

|---------------------|--------------------|
| [nav:n] | 序号,从0开始 |
| [nav:i] | 序号,从1开始 |
| [nav:pcode] | 父栏目编码 |
| [nav:scode] | 当前栏目编码 |
| [nav:name] | 栏目名称 |
| [nav:subname] | 栏目副名称 |
| [nav:link] | 栏目链接 |
| [nav:type] | 栏目类型,1单页、2列表 |
| [nav:outlink] | 后台设置的跳转链接 |
| [nav:listtpl] | 列表页模板 |
| [nav:contenttpl] | 详情页模板 |
| [nav:ico] | 栏目缩略图 |
| [nav:pic] | 栏目大图 |
| [nav:keywords] | 栏目关键字 |
| [nav:description] | 栏目描述 |
| [nav:soncount] | 当前栏目子栏目的数量,无子栏目时为0 |
| [nav:rows] | 输出栏目下内容数量(V1.3+) |
| [nav:def1] | 栏目描述1(V3.0.6+) |
| [nav:def2] | 栏目描述2(V3.0.6+) |
| [nav:def3] | 栏目描述3(V3.0.6+) |

3、常见使用示例
高亮菜单

使用判断语句:{pboot:if('[nav:scode]'=='{sort:tcode}')}class="active"{/pboot:if}

首页特殊用法:{pboot:if(0=='{sort:scode}')}class="active"{/pboot:if}

菜单嵌套

二级嵌套

{pboot:nav}

<a href= "[nav:link]">[nav:name]</a>

{pboot:2nav parent=[nav:scode]}

<a href= "[2nav:link]">[2nav:name]</a>

{/pboot:2nav}

{/pboot:nav}

三级嵌套

{pboot:nav}

<a href= "[nav:link]">[nav:name]</a>

{pboot:2nav parent=[nav:scode]}

<a href= "[2nav:link]">[2nav:name]</a>

{pboot:3nav parent=[2nav:scode]}

<a href= "[3nav:link]">[3nav:name]</a>

{/pboot:3nav}

{/pboot:2nav}

{/pboot:nav}

如果有更多级别,以此类推,使用数字依层级套用,理论上不限级调用

相关推荐
酒鼎1 分钟前
学习笔记(12-02)事件循环 - 实战案例 —⭐
前端·javascript
Trouvaille ~3 分钟前
【MySQL篇】数据库操作:从创建到管理
linux·数据库·mysql·oracle·xshell·ddl
Bigger6 分钟前
第一章:我是如何剖析 Claude Code 整体架构与启动流程的
前端·aigc·claude
小恰学逆向11 分钟前
【爬虫JS逆向之旅】某球网参数“md5__1038”逆向
javascript·爬虫
竹林81812 分钟前
从“连接失败”到丝滑登录:我用 ethers.js v6 搞定 MetaMask 钱包连接的全过程
前端·javascript
oi..16 分钟前
《Web 安全入门|XSS 漏洞原理、CSP 策略与 HttpOnly 防护实践》
前端·网络·测试工具·安全·web安全·xss
瀚高PG实验室16 分钟前
ETL中,分区表子表未及时收集统计信息,导致sql执行耗时很长
数据库·数据仓库·sql·etl·瀚高数据库
UXbot25 分钟前
2026年AI全链路产品开发工具对比:5款从创意到上线一站式平台深度解析
前端·ui·kotlin·软件构建·swift·原型模式
LDG_AGI28 分钟前
【搜索引擎】Elasticsearch(二):基于function_score的搜索排序
数据库·人工智能·深度学习·elasticsearch·机器学习·搜索引擎·推荐算法
一拳不是超人35 分钟前
前端工程师也要懂的服务器部署知识:从 Nginx 到 CI/CD
服务器·前端