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

 剑鱼论坛 发表于 2019年12月17日 剑鱼主题教程  612
剑鱼论坛
LV 5 [初中]
最后在线:4小时前
加入时间:257天前
主帖:83  跟帖:44

上一篇《剑鱼论坛主题(模板)文件结构》一文中我们介绍了剑鱼论坛主题文件的构成,以及每个文件的作用。其中有一些文件是可以省略的,这些可以省略的文件都是提取了主题模板的公共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”文件都使用了相同的技术。

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

  • 3条回复 612次浏览
  • 2楼
     深人 发表于 231天前
    支持一下
    深人
    LV 1 [出生]
    最后在线:19天前
    加入时间:233天前
    主帖:0  跟帖:4
  • 3楼
     剑鱼论坛 发表于 230天前
     深人 发表于 231天前
    支持一下
    深人
    LV 1 [出生]
    最后在线:19天前
    加入时间:233天前
    主帖:0  跟帖:4
    感谢支持!
    剑鱼论坛
    LV 5 [初中]
    最后在线:4小时前
    加入时间:257天前
    主帖:83  跟帖:44
  • 4楼
     b15a1e 发表于 105天前
    大佬牛批,
    b15a1e
    LV 1 [出生]
    最后在线:105天前
    加入时间:105天前
    主帖:1  跟帖:1
论坛主帖
145
论坛跟帖
110
在线访客
1
今日主帖
0
今日跟帖
0
今日注册
1
40
http://jianyuluntan.com/gentie.html
http://jianyuluntan.com/postzan.html
http://jianyuluntan.com/postcai.html
http://jianyuluntan.com/postshoucang.html
http://jianyuluntan.com/gentiezan.html
http://jianyuluntan.com/gentiecai.html
http://jianyuluntan.com/huifu.html
http://jianyuluntan.com/xiugai.html
http://jianyuluntan.com/shanchugentie.html
4
XzA=
1
© 2019 - 2020 剑鱼论坛 版权所有
Powered by JianYuLunTan
剑鱼论坛 976666861
http://jianyuluntan.com/feedback.html
http://jianyuluntan.com/qiandao.html
http://jianyuluntan.com/denglu.html
0
http://jianyuluntan.com/adenglu.html