在线时间:8:00-16:00
迪恩网络APP
随时随地掌握行业动态
扫描二维码
关注迪恩网络微信公众号
◇为了使得许多页面的‘头部’和‘脚部’开发维护方便,我们制作一个布局页面,其他具体业务页面来填充该‘布局’页面。 ◇可以分为‘上’‘中’‘下’的布局,‘上’就是‘头部’,下就是‘尾部’,‘中’用来写业务逻辑。维护起来很方便。 ◇可以先创建一个布局文件‘layout.html’,放在./templates文件夹中,代码如下: 1 <div>头部信息</div> 2 {block name="main"} 3 {/block} 4 <div>尾部信息</div> 注:其中,‘头部信息’和‘尾部信息’可以根据前端人员的需要自行编写。 ◇然后再创建一个'index.html',也放在./templates文件夹中,代码如下: 1 {extends file="layout.html"} 2 {block name="main"}<div>中部部分</div>{/block} 注:1、第一行{extends file="layout.html"}是继承的意思,继承自layout.html 2、第二行中的{block name="xxx"}{/block}中的xxx要与布局文件中的{block name=“xxx”}中的name一致 ◇最后在创建一个index.php文件,来引用这个模板(引用Smarty,display....)。代码如下: 1 <?php 2 header("content-type:text/html;charset=utf-8"); 3 include "./libs/Smarty.class.php"; 4 $smarty = new Smarty; 5 $smarty -> display("index.html"); 6 ?> ◇布局扩展: ◇布局继承使用注意点: ◇布局页面可以有许多block,自己页面也可以有许多block,他们通过name属性进行关联 ◇布局页面的block可以有默认内容,子级页面不实现就直接显示。如果子级页面实现了就覆盖父级页面的{block}内容 ◇布局页面的block可以彼此嵌套,自己实现可以有针对性实现。 ◇{$smarty.block.child}布局可以调用子级的内容,{$smarty.block.parent}子级页面可以调用父级页面内容 |
2022-08-18
2022-08-16
2022-11-06
2022-08-18
2022-08-15
请发表评论