PbootCMS模板制作教程(四) – 灵活熟练地使用模板标签

2022-05-07

在正式制作模板之前,还需要了解并灵活熟练地使用模板标签。

一个模板中,除去结构(HTML)、样式(CSS)、交互(JS)后就是内容(数据)了,而数据就是通过模板标签,把你在网站后台提交的内容调用出来,展示在前端模板页面。通过不同的结构、样式、交互和内容的组合,就能制作出不同的模板。

一、阅读官方开发手册

PbootCMS提供了在线官方开发手册(阅读地址),制作模板的时候可以随时参考手册的内容。

二、灵活使用模板标签

开发手册提供的是最基础的模板标签,但是实际制作模板过程中,会遇到一些手册中没有的需求。毕竟,手册不可能把每个需求的代码都直接给你写好,这时候就需要在模板标签的基础上进行灵活运用了。

例:需求分别调用某一栏目下,所有子栏目的内容列表。

思路一:

先使用 指定栏目标签 调用指定子栏目标题:

{pboot:sort scode=*}
    <a href="[sort:link]" rel="external nofollow"  rel="external nofollow" >[sort:name]</a>
{/pboot:sort}

再使用 指定栏目内容列表 的标签来调用子栏目内容:

{pboot:list scode=*}
    <a href="[list:link]" rel="external nofollow"  rel="external nofollow"  rel="external nofollow"  rel="external nofollow" >[list:title]</a>
{/pboot:list}

结合使用:

{pboot:sort scode=1,2,3}
    <a href="[sort:link]" rel="external nofollow"  rel="external nofollow" >[sort:name]</a>
    {pboot:list scode=[sort:scode]}
        <a href="[list:link]" rel="external nofollow"  rel="external nofollow"  rel="external nofollow"  rel="external nofollow" >[list:title]</a>
    {/pboot:list}
{/pboot:sort}

我们只需要指定 scode=子栏目的id 即可。有几个子栏目,scode就写几个id。因为标签支持多个栏目,如:1,2,3。

代码实例:

PbootCMS模板制作教程(四) – 灵活熟练地使用模板标签

显示结果:

PbootCMS模板制作教程(四) – 灵活熟练地使用模板标签

可以看到,子栏目标题和内容列表已经完成了。

不过,这样就需要解决另外一个问题:如果后台新增了子栏目,或者删除了子栏目,怎么办?

当然,你可以到模板文件的 scode 中继续添加新增的id,或者删除id。每次后台新增或者删除子栏目,模板文件就要改一遍。

为了更好解决这个问题,就需要灵活使用模板标签了。

思路二:

我们可以通过 导航菜单列表标签 先调用子栏目

{pboot:nav parent=*}
    <a href="[nav:link]" rel="external nofollow"  rel="external nofollow" >[nav:name]</a>
{/pboot:nav}

再使用 指定栏目内容列表 标签。

{pboot:list scode=[nav:scode]}
    <a href="[list:link]" rel="external nofollow"  rel="external nofollow"  rel="external nofollow"  rel="external nofollow" >[list:title]</a>
{/pboot:list}

结合使用:

{pboot:nav parent=*}
    <a href="[nav:link]" rel="external nofollow"  rel="external nofollow" >[nav:name]</a>
    {pboot:list scode=[nav:scode]}
        <a href="[list:link]" rel="external nofollow"  rel="external nofollow"  rel="external nofollow"  rel="external nofollow" >[list:title]</a>
    {/pboot:list}
{/pboot:nav}

代码实例:

PbootCMS模板制作教程(四) – 灵活熟练地使用模板标签

显示结果:

PbootCMS模板制作教程(四) – 灵活熟练地使用模板标签

可以看到,思路一只能显示指定的子栏目,思路二则显示该栏目下所有子栏目,并且新增或者删除子栏目的时候,列表也跟随着自动增加或者减少。

总结:模板标签是死的,写代码的人是活的,要灵活运用模板标签。

收藏 (0) 打赏

感谢您的支持,我会继续努力的!

打开微信扫一扫,即可进行扫码打赏哦,分享从这里开始,精彩与您同在
点赞 (0)

免责声明 1、本站所发布的全部内容源于互联网搬运,(包括源代码、软件、学习资料等)本站提供的一切软件、教程和内容信息仅限用于学习和研究目的;不得将上述内容用于商业或者非法用途,否则,一切后果请用户自负。本站信息来自网络收集整理,版权争议与本站无关。您必须在下载后的23个小时之内,从您的电脑或手机中彻底删除上述内容。
2、访问本站的用户必须明白,本站对所提供下载的软件和程序代码不拥有任何权利,其版权归该软件和程序代码的合法拥有者所有,如果您喜欢该程序和内容,请支持正版,购买注册,得到更好的正版服务。我们非常重视版权问题,如本站不慎侵犯您的版权请联系我们,我们将及时处理,并撤下相关内容!敬请谅解! 侵删请致信E-mail:messi0808@qq.com
3、如下载的压缩包需要解压密码,若无特殊说明,那么文件的解压密码则为www.xmy7.com
4、如遇到加密压缩包,请使用WINRAR解压,如遇到无法解压的请联系管理员!

小蚂蚁资源网 cms教程 PbootCMS模板制作教程(四) – 灵活熟练地使用模板标签 https://www.xmy7.com/zh/cms/1602.html

相关文章