您现在的位置是:首页 > cms教程 > PbootCMS教程PbootCMS教程

pbootcms常用if判断语句写法示例

初丹2024-12-11PbootCMS教程已有人查阅

导读1. 导航高亮,2. 判断有无子菜单,3. 内页子菜单高亮,4. 判断标签为空时不显示,5. 判断列表页有无内容,无内容返回提示,6. 分页判断进阶,在第一页时隐藏首页和上一页按钮,在之后一页时隐藏下一页和尾页按钮。

1. 导航高亮
> {pboot:if('[nav:scode]'=='{sort:tcode}')}class="active"{/pboot:if} //用于非首页
例:{pboot:nav}
<li {pboot:if('[nav:scode]'=='{sort:tcode}')}class="active"{/pboot:if}><a href="[nav:link]">[nav:name]</a></li>
{/pboot:nav}
> {pboot:if(0=='{sort:scode}')}class="active"{/pboot:if} //用于首页
例:
<li {pboot:if(0=='{sort:scode}')}class="active"{/pboot:if}><a href="/">首页</a></li>
2. 判断有无子菜单
> {pboot:if([nav:soncount]>0)}...{/pboot:if}
例 1:{pboot:nav}
<li><a href="[nav:link]">[nav:name]</a> <!--一级菜单循环-->
{pboot:if([nav:soncount]>0)} <!--当有子菜单时显示div-->
<div>
{pboot:2nav parent=[nav:scode]}
<a href="[2nav:link]">[2nav:name]</a> <!--二级菜单循环-->
{/pboot:2nav}
</div>
{/pboot:if}
</li>
{/pboot:nav}
例 2:
{pboot:nav}
<li><a {pboot:if([nav:soncount]>0)} href="javascript:;" {else} href="[nav:link]" {/pboot:if}>[nav:name]</a></li> <!--无子菜单时显示正常链接,有子菜单时为空连接,用于手机端点击菜单滑出子菜单情况。-->
{/pboot:nav}
3. 内页子菜单高亮
> {pboot:if('[nav:scode]'=='{sort:scode}')}class="active"{/pboot:if}
例:
{pboot:nav parent={sort:tcode}}
<li {pboot:if('[nav:scode]'=='{sort:scode}')}class="active"{/pboot:if}><a href="[nav:link]">[nav:name]</a></li>
{/pboot:nav}
4. 判断标签为空时不显示
{pboot:if('{pboot:companyqq}'!='')}QQ:{pboot:companyqq}{/pboot:if} <!--同理也可用在文章详情页-->
5. 判断列表页有无内容,无内容返回提示
> {pboot:if({page:rows}>0)}{page:bar}{else}暂无内容{/pboot:if}
例:
{pboot:if({page:rows}>0)}
<div class="page">
<a href="{page:index}">首页</a>
<a href="{page:pre}">上一页</a>
{page:numbar}
<a href="{page:next}">下一页</a>
<a href="{page:last}">尾页</a>
</div>
{else}
<div class="page">暂无内容</div>
{/pboot:if}
6. 分页判断进阶,在第一页时隐藏首页和上一页按钮,在之后一页时隐藏下一页和尾页按钮。(效果参考本博客)
例:
{pboot:if({page:rows}>0)}
<div class="page">
<a href="{page:index}"{pboot:2if('{page:current}'==1)}class="hide"{/pboot:2if}>首页</a> <!--在第一页时,当前页码‘{page:current}’等于1,添加‘hide’样式,.hide{dispaly:none;}-->
<a href="{page:pre}"{pboot:2if('{page:current}'==1)}class="hide"{/pboot:2if}>上一页</a> <!--与上条同理-->
{page:numbar}
<a href="{page:next}"{pboot:2if('{page:current}'=='{page:count}')}class="hide"{/pboot:2if}>下一页</a> <!--在之后一页时,当前页码‘{page:current}’等于总页数‘{page:count},’添加‘hide’样式,.hide{dispaly:none;}-->
<a href="{page:last}"{pboot:2if('{page:current}'=='{page:count}')}class="hide"{/pboot:2if}>尾页</a><!--与上条同理-->
</div>
{else}
<div class="page">暂无内容</div>
{/pboot:if}
7.判断第一个循环项,并添加 class(常用于 banner 和 Tab 选项卡)
> {pboot:if('[xx:i]'=='1')}class="active"{/pboot:if}
例:
<!--第一个菜单添加 class="active"-->
{pboot:nav}
<a href="[nav:link]" {pboot:if('[nav:i]'=='1')}class="active"{/pboot:if}>[nav:name]</a>
{/pboot:nav}
<!--第一条文章添加 class="active"-->
{pboot:list}
<a href= "[list:link]" {pboot:if('[list:i]'=='1')}class="active"{/pboot:if}>[list:title]</a>
{/pboot:list}
<!--第一个轮播图添加 class="active"-->
{pboot:slide gid=* num=*}
<img src="[slide:src]" {pboot:if('[slide:i]'=='1')}class="active"{/pboot:if}>
{/pboot:slide}
<!--以上具体 [xx:i] 用法请参考官方手册,也可以用 jq 的选择器 + addclass-->
8.内容页判断有无多图,无多图显示缩略图
> {pboot:if({content:ispics}==1)}..多图..{else}..缩略图..{/pboot:if}
例:
{pboot:if({content:ispics}==1)}
<ul>
{pboot:pics id={content:id} num=5}
<li><img src="[pics:src]" /></li> <!--多图循环-->
{/pboot:pics}
</ul>
{else}
<img src="{content:ico}" /> <!--缩略图-->
{/pboot:if}
9.内容页判断列表中的当前文章高亮(右侧推荐文章中的其中一条,正好是当前打开的文章时)
> {pboot:if('[list:link]'=='{content:link}')}class="active"{/pboot:if} //判断列表内链接等于本文链接
例:
<ul>
{pboot:list scode={sort:tcode} num=10 order='visits'}
<li {pboot:if('[list:link]'=='{content:link}')}class="active"{/pboot:if}><a href="[list:link]">[list:title]</a></li>
{/pboot:list}
</ul>
10.奇偶数判断(隔行变色)
> {pboot:if([list:i]%2==0)}...{/pboot:if}
例:
<ul>
{pboot:list num=10}
<li {pboot:if([list:i]%2==0)}class="bg-dark"{/pboot:if}><a href="[list:link]">[list:title]</a></li> <!--等于0为偶数,等于1为奇数 .bg-dark{background:#000;}-->
{/pboot:list}
</ul>
11.判断导航从第几个开始
> {pboot:if('[nav:i]'>'2')}……{/pboot:if} //从第二个开始
例:
{pboot:nav}
{pboot:if('[nav:i]'>'2')}
<li><a href="[nav:link]">[nav:name]</a></li>
{/pboot:if}
{/pboot:nav}
12.隐藏指定 scode 的菜单
> {pboot:if([nav:scode]==2||[nav:scode]==4||[nav:scode]==6)}style="display: none;"{/pboot:if} //隐藏 scode 为 2,4,6 的菜单

本文标签:

很赞哦! ()

相关源码

  • pbootcms模板(PC+WAP)微信小程序开发公司网站本模板为微信小程序开发代理、软件开发公司等企业设计,基于PbootCMS内核开发,支持PC+WAP双端响应式布局,数据实时同步,适用于多行业快速建站。查看源码
  • 自适应营销型IT网络工作室互联网建站公司pbootcms网站模板为IT网络服务商、建站企业打造的高性能营销门户,基于PbootCMS开源内核深度开发采用HTML5自适应架构,实现PC与手机端数据实时同步交互。查看源码
  • (PC+WAP)盆栽绿植观赏植物花卉租赁免费pbootcms网站模板为花卉盆栽租赁、园林绿化企业打造的PbootCMS网站模板,采用较新内核开发,PC与移动端数据实时同步。通过清新自然的视觉设计,精准展现植物养护、花卉展示等业务场景,帮助用户快速建立专业级行业网站。查看源码
  • (自适应响应式)双语LED照明灯饰灯具外贸网站pbootcms源码下载模板采用响应式设计,能自动适应手机、平板和电脑等多种设备屏幕,确保用户在不同设备上都能获得良好的浏览体验。同一后台管理,数据实时同步,操作简便高效。查看源码
  • (PC+WAP)中英双语户外用品帐篷装备pbootcms网站模板下载这款基于PbootCMS开发的中英文双语模板专为户外装备行业设计,适配PC和移动设备。模板采用现代化设计风格,突出户外产品的功能性和实用性,帮助企业建立专业的国际化展示平台。查看源码
  • (PC+WAP)地暖热水器烘干机节能设备网站模板下载为地暖热水器及节能设备企业设计的PbootCMS网站模板,集成产品展示、节能方案介绍、技术参数说明等专业模块。采用PC与移动端同步响应架构查看源码
分享笔记 (共有 篇笔记)
验证码: