剑鱼论坛主题制作之提取公共代码

 剑鱼论坛 发表于 2019年12月17日 剑鱼主题教程  371
剑鱼论坛
LV 4 [小学]
最后在线:9小时前
加入时间:131天前
主帖:77  跟帖:29

上一篇《剑鱼论坛主题(模板)文件结构》一文中我们介绍了剑鱼论坛主题文件的构成,以及每个文件的作用。其中有一些文件是可以省略的,这些可以省略的文件都是提取了主题模板的公共HTML代码部分,并把这部分公共代码单独存放在一个文件里面。这一篇我们就是要来学习如何实现把HTML代码存放到另一个文件中,并作为公共代码使用。

要实现以上的目标,首先要确定哪部分代码是可以作为公共代码的,一般来说公共代码是每个页面都需要使用的,或者是有部分页面都需要使用,这个时候您可以把这段代码存放到另一个文件中,我们用默认主题来举个例子,其中的面包屑导航基本上每个页面都会需要,所以我们把下面的代码存放到单独的“daohang.html”文件中:

<nav>
<ol class="breadcrumb my-0 bg-white py-1">
{volist name="daohang" id="vo"}
<li class="breadcrumb-item{if $vo.active == 1} active{/if}">
{if $vo.active == 1}
{$vo.icon} {$vo.label}
{else /}
<a href="{$vo.href}" class="text-info text-decoration-none">{$vo.icon} {$vo.label}</a>
{/if}
</li>
{/volist}
</ol>
</nav>

并且把原来需要这段代码的地方去除这段代码,用下面的语句代替:

{include file="public/theme/default/daohang.html" /}

由于我们现在是以默认主题为例子,所以上面代码中加粗部分是“default”,因为默认主题的名称就是“default”。所以这里有一个注意点是:把加粗的部分替换成您的主题文件夹名称。假设您的主题文件夹名称是“zhuti”的话,那么您应该这样写上面的代码:

{include file="public/theme/zhuti/daohang.html" /}

这样就可以在您的主题里面使用独立文件的公共代码了,观察一下默认主题的“header.html”、“footer.html”以及“side.html”文件都使用了相同的技术。

好了,提取公共代码的介绍已经介绍完了。下一篇我们将介绍“剑鱼论坛主题制作之基本标签语法”。

  • 2条回复 371次浏览
  • 2楼
     深人 发表于 104天前
    支持一下
    深人
    LV 1 [出生]
    最后在线:9天前
    加入时间:106天前
    主帖:0  跟帖:2
  • 3楼
     剑鱼论坛 发表于 104天前
     深人 发表于 104天前
    支持一下
    深人
    LV 1 [出生]
    最后在线:9天前
    加入时间:106天前
    主帖:0  跟帖:2
    感谢支持!
    剑鱼论坛
    LV 4 [小学]
    最后在线:9小时前
    加入时间:131天前
    主帖:77  跟帖:29
发新帖
论坛主帖
112
论坛跟帖
72
在线访客
2
今日主帖
0
今日跟帖
0
今日注册
1
40
/gentie.html
/postzan.html
/postcai.html
/postshoucang.html
/gentiezan.html
/gentiecai.html
/huifu.html
/xiugai.html
/shanchugentie.html
3
XzA=
1
© 2019 - 2020 剑鱼论坛 版权所有
Powered by JianYuLunTan
剑鱼论坛976666861
/feedback.html
0
/adenglu.html
剑鱼论坛