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}

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

相关推荐
清晨Coding13 分钟前
为什么用 React Developer Tools 查看组件树这么乱?
前端·react.js
艺杯羹15 分钟前
1Panel 装好后 ufw 仍是 inactive:一次服务器安全盲区复盘
服务器·数据库·安全·网络安全·系统架构·实战·1panel
johnjincaaaa16 分钟前
猿人学第 18 题「jsvmp 洞察先机」逆向通关实录
javascript·后端
鶴哥只手遮天29 分钟前
《Electron 45.2.3 内核解剖》第 4 章 补丁体系:380 个补丁改了什么
前端·electron
code2cat1 小时前
【随笔】MCP工具重试:任务已经创建,响应丢了怎么办
数据库·mcp
FungLeo3 小时前
成为全栈·Vue 管理后台篇·分类树与标签管理:层级数据如何落到管理界面
前端·javascript·vue.js·分类树·naive ui·标签管理·前端数据结构
wuyk5553 小时前
Spider-第10讲-SQLite持久化与去重
数据库·爬虫·sqlite
总要学点什么3 小时前
第108篇:三维特效-图片轨迹线效果——把贴图滚成一串箭头,想用它的本色反而整条消失
开发语言·javascript·ecmascript·gis·webgl·材质·cesium
乌暮4 小时前
Spring AOP 与 Spring 事务:用大白话彻底理解原理与实践
java·数据库·spring boot·后端·sql·学习·spring
小此方5 小时前
Re:Mysql数据库基础篇(十二):什么是事务、事务解决了什么问题、事务的四大属性、事务的操作方式
数据库·mysql