您现在的位置是:首页 > 教程 > 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网站报错No input file specified怎么办
- pbootcms检测到您模板中包含文件超过50个的解决方法
- pbootcms后台搜索功能扩展和增加显示字段的方法
- pbootcms标签{pboot:list}怎么添加新的字段
- pbootcms前台筛选功能扩展到任意字段的实现方法
- pbootcms加载类文件时发生错误,类名【core\basic\Kernel】
- Pbootcms留言提交成功提示语修改方法
- pbootcms留言板怎么取消验证码
- pbootcms显示指定栏目的名称和链接的写法
- pbootcms怎么去除URL地址中index.php后缀!
- 阿里云pbootcms提示"KERNEL.PHP"为后门(WEBSHELL)的解决方法
- PbootCMS自定义前台404错误页的方法
随机图文
-
pbootcms设置发布内容不自动提取缩略图
有时候发布文章的时候文章内容图片不适合网站模板的缩略图,pbootcms如何设置在后台发布内容后不自动提取缩略图? 使用Notepad++全局查找 无缩略图时 -
pbootcms标签点赞效果优化方法
写这篇文章时pbootcms版本是V2.0.7pbootcms模板系统默认给出了点赞、反对的链接。分别是:使用效果是,点击一次,页面刷新一下,点赞数{content:likes}、{content:oppose}会显示+1。这个效果显示比较硬。 -
pbootcms获取结果页面关键词和tags值的方法
如果您的搜索结果页面地址后缀为keyWord=三角形那么获取关键词方式为 {$get.keyword}该标签可用于搜索列表页面获取搜索关键词的值时候使用,非常方便,可以搭配分页条的总数据行数属性({page:rows}) -
pbootcms模板调用网站所有的文章的代码
scode=* 这里的*号就是不指定栏目,即调用全站所有的文章,如果你要调用某个栏目的话,把*号改成对应的编号即可
留言与评论 (共有 条评论) |