{ openzc:include }
include:模板文件引入标签,可以根据HTML的布局合理的将其独立一个.tpl文件便于管理及后期修改维护
include 代码演示
常用于公共部分独立一个文件,或者局部代码过长时可以独立一个文件
这里是头部公共区域
1 of 3
3 of 3
<!-------------------------前端调用代码------------------------------->
<div class="mg-t-25 mg-b-25">
{openzc:include filename="layout/header.tpl"/}
<div class="row">
<div class="col-sm">
<div class="pd-y-10 pd-x-20 bg-ui-02">1 of 3</div>
</div>
<div class="col-sm mg-t-10 mg-sm-t-0">
<div class="pd-y-10 pd-x-20 bg-ui-02">
{openzc:include filename="layout/center.tpl"/}
</div>
</div>
<div class="col-sm mg-t-10 mg-sm-t-0">
<div class="pd-y-10 pd-x-20 bg-ui-02">3 of 3</div>
</div>
</div>
{openzc:include filename="layout/footer.tpl"/}
</div>
<!-------------------------前端调用代码------------------------------->
<!-------------------------include源码内容------------------------------->
1、源码文件位置:“includes/template/YOUR_TEMPLATE/html/layout/header.tpl”
<header>
<center>
<p>这里是头部公共区域</p>
</center>
</header>
2、源码文件位置:“includes/template/YOUR_TEMPLATE/html/layout/center.tpl”
<center>这里是中间的代码</center>
3、源码文件位置:“includes/template/YOUR_TEMPLATE/html/layout/footer.tpl”
<footer class="pd-20">
<center>
<p>这里是底部公共区域</p>
</center>
</footer>
<!-------------------------include源码内容------------------------------->