您现在的位置是:首页 > 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导航菜单控制参数列表
导航菜单列表标签;适用范围:全站任意地方均可使用;标签作用:用于调导航菜单栏目列表,对应后台的“基础内容>内容栏目”
pbootcms文章列表序号的填写方法
本教程以pboot:list为例,其他调用相似。 [list:n] 序号,从0开头 [list:i] 序号,从1开头 [list:id] 编号
pbootcms多个栏目循环调用栏目内容
pbootcms多个栏目循环调用栏目内容{pboot:nav parent=7 num=3}{pboot:list scode=[nav:scode] num=3 order=sorting}{/pboot:list}{/pboot:nav}
pbootcms模板内页如何调用相关文章的代码示例
在PbootCMS中,可以使用{pboot:list}标签来调用相关文章。相关文章通常是根据分类或其他条件筛选出来的文章。下面是一个详细的示例,展示如何在模板内页调用相关文章。
相关源码
-
(自适应)光伏测试仪器电站运维设备网站源码免费下载本模板为光伏检测设备与电站运维服务企业设计,采用PbootCMS内核开发,具备完整的设备展示、技术文档管理及客户服务功能模块。通过自适应结构与SEO优化框架,有效提升企业在移动端和搜索引擎中的专业形象。查看源码 -
(自适应)绿色宠物门诊兽医行业网站模板该绿色清爽风格网站模板专为宠物门诊与兽医诊所设计,基于PbootCMS内核开发,采用响应式布局确保手机、PC等多端体验一致,帮助宠物医疗机构高效构建线上服务平台。查看源码 -
自适应手机版五金机械阀门设备通用行业网站模板该PbootCMS内核开发的网站模板适用于阀门设备、五金机械类企业,通过更换文字图片也可快速适配其他工业领域。采用响应式设计,确保PC端与手机端数据同步,操作便捷,并附带测试数据。查看源码 -
(自适应)蓝色英文外贸电子科技产品带三级栏目网站模板为外贸企业设计的英文网站模板,基于PbootCMS系统开发。突出多语言支持和国际化布局,三级栏目结构清晰展示产品分类,响应式设计确保更好客户在移动端和PC端获得一致的专业体验。查看源码 -
自适应容器设备机械行业通用pbootcms网站模板本模板是一款基于PbootCMS开源内核深度开发,为容器制造、容器设备、压力容器及相关行业量身打造的高品质响应式企业网站模板。查看源码 -
响应式电脑维修办公用品维护pbootcms网站模板模板介绍(自适应手机版)响应式电脑修理公司pbootcms网站模板-蓝色HTML5电脑修理维修店网站源码下载PbootCMS内核开发的营销型网站模板,该模查看源码
| 分享笔记 (共有 篇笔记) |
相关标签
大家喜欢
- pbootcms提示程序运行异常: syntax error, unexpected '的解决方法
- PbootCMS后台编辑器UEditor上传功能常见的问题解决方法
- PbootCMS添加自定义表单字段的方法
- PbootCMS上传图片失败提示未知错误的解决方法
- PbootCMS内容中换行符不换行变成<br>的解决方法
- pbootcms模板详情页实现调用指定栏目的文章写法
- pbootcms网站转移后打开报错提示“No input file specifed”解决方法
- PbootCMS文章列表中显示默认图片的方法
- pbootcms后台编辑器插入视频地址支持mp4格式的解决方法
- pbootcms列表页排序切换时间/浏览量/推荐的方法

