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>
相关推荐
不好听6134 小时前
从一行 JSX 到屏幕像素:前端开发者必须懂的浏览器渲染管线
前端
恒拓高科WorkPlus4 小时前
企业级内网即时通讯建设模型:BeeWorks内网IM四层架构
前端
前端小李子5 小时前
前端环境变量裸奔?我用 EnvShield 给它穿了件防弹衣
前端
youtootech5 小时前
HarmonyOS《柚兔学伴》项目实战25-我的页面、Web 嵌入与项目总结
前端·华为·harmonyos
小林ixn5 小时前
从零到一理解 React 父子组件通信:手写一个 Todo 应用带你彻底搞懂单向数据流
前端·javascript·react.js
醇氧7 小时前
CountDownLatch / CyclicBarrier / Semaphore 面试高频问答清单
前端·面试·职场和发展
qetfw8 小时前
MXU:Tauri 2 + React 的 MaaFramework 跨平台 GUI 源码
前端·python·react.js·前端框架·开源项目·效率工具
甲维斯8 小时前
我要开始吹牛逼了!Kimi K3 “宇宙无敌”!
前端·人工智能
a1117768 小时前
微光小屋-前端养成小游戏 开源项目
前端