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

 剑鱼论坛 发表于 2019年12月17日 剑鱼主题教程  634
剑鱼论坛
LV 6 高中
最后在线:5小时前
加入时间:339天前
主帖:89  跟帖:53

上一篇《剑鱼论坛主题(模板)文件结构》一文中我们介绍了剑鱼论坛主题文件的构成,以及每个文件的作用。其中有一些文件是可以省略的,这些可以省略的文件都是提取了主题模板的公共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条回复 634次浏览
  • 2楼
     深人 发表于 313天前
    支持一下
    深人
    LV 2 幼儿
    最后在线:5天前
    加入时间:315天前
    主帖:1  跟帖:7
  • 3楼
     剑鱼论坛 发表于 312天前
     深人 发表于 313天前
    支持一下
    深人
    LV 2 幼儿
    最后在线:5天前
    加入时间:315天前
    主帖:1  跟帖:7
    感谢支持!
    剑鱼论坛
    LV 6 高中
    最后在线:5小时前
    加入时间:339天前
    主帖:89  跟帖:53
  • 4楼
     b15a1e 发表于 187天前
    大佬牛批,
    b15a1e
    LV 1 出生
    最后在线:187天前
    加入时间:187天前
    主帖:1  跟帖:1
论坛主帖
162
论坛跟帖
142
在线访客
3
今日主帖
0
今日跟帖
0
今日注册
0
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
0
剑鱼论坛