您现在的位置是:首页 > 教程 > pbootcms教程pbootcms教程
PbootCMS灵活熟练地使用模板标签的教程
简邦余2023-06-12 21:04:50pbootcms教程已有人查阅
导读一个模板中,除去结构(HTML)、样式(CSS)、交互(JS)后就是内容(数据)了,而数据就是通过模板标签,把你在网站后台提交的内容调用出来
在正式制作模板之前,还需要了解并灵活熟练地使用模板标签。
一个模板中,除去结构(HTML)、样式(CSS)、交互(JS)后就是内容(数据)了,而数据就是通过模板标签,把你在网站后台提交的内容调用出来,展示在前端模板页面。通过不同的结构、样式、交互和内容的组合,就能制作出不同的模板。
一、阅读官方开发手册
PbootCMS提供了在线官方开发手册(阅读地址),制作模板的时候可以随时参考手册的内容。
二、灵活使用模板标签
开发手册提供的是最基础的模板标签,但是实际制作模板过程中,会遇到一些手册中没有的需求。毕竟,手册不可能把每个需求的代码都直接给你写好,这时候就需要在模板标签的基础上进行灵活运用了。
例:需求分别调用某一栏目下,所有子栏目的内容列表。
思路一:
先使用 指定栏目标签 调用指定子栏目标题:
代码实例:
显示结果:
可以看到,子栏目标题和内容列表已经完成了。
不过,这样就需要解决另外一个问题:如果后台新增了子栏目,或者删除了子栏目,怎么办?
当然,你可以到模板文件的 scode 中继续添加新增的id,或者删除id。每次后台新增或者删除子栏目,模板文件就要改一遍。
为了更好解决这个问题,就需要灵活使用模板标签了。
思路二:
我们可以通过 导航菜单列表标签 先调用子栏目
显示结果:
可以看到,思路一只能显示指定的子栏目,思路二则显示该栏目下所有子栏目,并且新增或者删除子栏目的时候,列表也跟随着自动增加或者减少。
总结:模板标签是死的,写代码的人是活的,要灵活运用模板标签。
一个模板中,除去结构(HTML)、样式(CSS)、交互(JS)后就是内容(数据)了,而数据就是通过模板标签,把你在网站后台提交的内容调用出来,展示在前端模板页面。通过不同的结构、样式、交互和内容的组合,就能制作出不同的模板。
一、阅读官方开发手册
PbootCMS提供了在线官方开发手册(阅读地址),制作模板的时候可以随时参考手册的内容。
二、灵活使用模板标签
开发手册提供的是最基础的模板标签,但是实际制作模板过程中,会遇到一些手册中没有的需求。毕竟,手册不可能把每个需求的代码都直接给你写好,这时候就需要在模板标签的基础上进行灵活运用了。
例:需求分别调用某一栏目下,所有子栏目的内容列表。
思路一:
先使用 指定栏目标签 调用指定子栏目标题:
{pboot:sort scode=*}
<a href="[sort:link]">[sort:name]</a>
{/pboot:sort}
再使用 指定栏目内容列表 的标签来调用子栏目内容:
{pboot:list scode=*}
<a href="[list:link]">[list:title]</a>
{/pboot:list}
结合使用:
{pboot:sort scode=1,2,3}
<a href="[sort:link]">[sort:name]</a>
{pboot:list scode=[sort:scode]}
<a href="[list:link]">[list:title]</a>
{/pboot:list}
{/pboot:sort}
我们只需要指定 scode=子栏目的id 即可。有几个子栏目,scode就写几个id。因为标签支持多个栏目,如:1,2,3。代码实例:
显示结果:
可以看到,子栏目标题和内容列表已经完成了。
不过,这样就需要解决另外一个问题:如果后台新增了子栏目,或者删除了子栏目,怎么办?
当然,你可以到模板文件的 scode 中继续添加新增的id,或者删除id。每次后台新增或者删除子栏目,模板文件就要改一遍。
为了更好解决这个问题,就需要灵活使用模板标签了。
思路二:
我们可以通过 导航菜单列表标签 先调用子栏目
{pboot:nav parent=*}
<a href="[nav:link]">[nav:name]</a>
{/pboot:nav}
再使用 指定栏目内容列表 标签。
{pboot:list scode=[nav:scode]}
<a href="[list:link]">[list:title]</a>
{/pboot:list}
结合使用:
{pboot:nav parent=*}
<a href="[nav:link]">[nav:name]</a>
{pboot:list scode=[nav:scode]}
<a href="[list:link]">[list:title]</a>
{/pboot:list}
{/pboot:nav}
代码实例:显示结果:
可以看到,思路一只能显示指定的子栏目,思路二则显示该栏目下所有子栏目,并且新增或者删除子栏目的时候,列表也跟随着自动增加或者减少。
总结:模板标签是死的,写代码的人是活的,要灵活运用模板标签。
本文标签:
很赞哦! ()
相关文章
- pbootcms和易优eyoucms哪个好,pbootcms和易优eyoucms优缺点
- PbootCMS怎么实现文章tag功能
- PbootCMS配置留言发送到QQ邮箱的方法
- PbootCMS建站PB MySQL版本本地怎么搬家到服务器
- PbootCMS模板制作需要用到的工具和知识
- PbootCMS怎么实现内容详情页相关内容列表
- PbootCMS小程序API的封装方法
- PbootCMS同一列表调取多个栏目内容的方法
- PbootCMS实现Ajax无刷新加载内容的方法
- pbootcms教程Windows2008R2系统开启IIS站点TLS1.2支持的方法
- PbootCMS的运行环境有什么要求
- PbootCMS使用Apache伪静态出现页面无法正常访问的解决方法
随机图文
-
pbootcms建站中英文站搜索结果页标题面包屑是中文怎么修改
在使用pbootcms搭建英文站时会发现搜索结果页的面包屑为中文,标题为英文,该如何处理?可二次开发来增加英文站对应文字来解决。 -
pbootcms怎么实现多语言多区域建站
多语言/区域建站。标签作用:用于使用同一个后台建立多国语言网站或多区域网站1)在后台,系统管理>数据区域,添加相应的区域,具体参考默认区域; -
pbootcms提示“您访问路径含有非法字符,防注入系统提醒您请勿尝试非法操作!”
pbootcms2.0版本后增加了防注入系统,当我们的链接带有些特殊字符会触发防注入然后报错“您访问路径含有非法字符 -
pbootcms通过会员自带上传实现留言表单图片文件上传的方法
PBOOTCMS3.0会员版本,里面有个会员上传头像的功能,这里可以稍微修改下当做留言上传的功能,首先member/comm/upload.html文件拷贝到上一层/comm/upload.html
留言与评论 (共有 条评论) |