PBootCMS解析、例子

复制代码
一、分析以下程序
{pboot:nav num=10 parent=0}
    <li class="nav-item {pboot:if('[nav:scode]'=='{sort:tcode}')}active{/pboot:if}">
      <a class="nav-link" href="[nav:link]">[nav:name]</a>
    </li>
{/pboot:nav}

当前栏目的顶级栏目编码(sort:tcode)与当前栏目编码(nav:scode)相等,则设为激活标志。

1、sort:tcode

|--------------|-------------|
| {sort:tcode} | 当前栏目的顶级栏目编码 |

当前栏目标签

适用范围:在列表页或详情页使用

标签作用:用于输出当前栏目的相关信息

|--------------|--------|
| {sort:scode} | 当前栏目编码 |

|--------------|------------|
| {sort:pcode} | 当前栏目的父栏目编码 |

2、nav:scode

|---------------|--------|
| nav:scode | 当前栏目编码 |

导航菜单列表标签

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

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

|---------------|-------|
| nav:pcode | 父栏目编码 |

二、一个例子

复制代码
<ul class="container nav nav-tabs" style="height:50px;">
    <li class="nav-item {pboot:if(0=='{sort:scode}')}active{/pboot:if}">
             <a class="nav-link" href="{pboot:sitepath}/index.php" >首页</a>
             </li>
             {pboot:nav num=10 parent=0}
                 <li class="nav-item {pboot:if('[nav:scode]'=='{sort:tcode}')}active{/pboot:if}">
                 {pboot:if([nav:soncount]>0)}  <!--当有子菜单时显示div-->
                  <li class="dropdown">
                     <a class="nav-link dropdown-toggle"  data-toggle="dropdown" href="#">[nav:name]
            <span class="caret"></span></a>
                     <ul class="dropdown-menu">
                        {pboot:2nav parent=[nav:scode]}
                         <a href= "[2nav:link]">[2nav:name]</a><p style="height:20px;"></p>
                        {/pboot:2nav}
                     </ul>
                  </li>
                 {else}
                  <a class="nav-link" href="[nav:link]">[nav:name]</a>
                 {/pboot:if}
                 </li>
             {/pboot:nav}
复制代码
</ul>
相关推荐
律宏阔1 小时前
阿里云 ESA + Pages 域名部分电脑无法访问
前端
Lank_M1 小时前
canvas 第一次画字没用上字体,字体却是它要来的
前端
古夕2 小时前
iframe 授权失败时露出 60000 JSON 的复盘
前端·javascript
古夕2 小时前
地址变了,页面是空的:一次 Vue Router 菜单切换复盘
前端·vue.js
JavaGuide2 小时前
推荐一个好用 DeepSeek Harness 插件,直接把 Agent 上下文给可视化了!
前端·后端
数据掘金2 小时前
白屏故障定位:从资源请求到路由渲染的排查顺序
前端
程序员Sunday2 小时前
ES Module 和 CommonJS 有什么区别?循环依赖时会发生什么?
前端·javascript·面试
玲珑意2 小时前
Vue 3 + DAG拓扑排序 + SSE流式人机协同:现代AI工作流编排系统的工程化实践
前端
三十而立洋2 小时前
TypeScript 7.0 深度解析:新特性、Go 原生编译器及与 TypeScript 6.0 的区别
前端·typescript·前端工程化
编程之道2 小时前
从VUE2到VUE3学习过程遇到的一些困惑
前端