TP5的模板布局

公共模板文件


假设index.html是一个完整的页面:

<h3 style="background:#579ad5">我是页面的页头header</h3>
<p>index控制器index操作模板文件</p>
<h3 style="background:#579ad5">我是页面的尾部footer</h3>
效果

可以在app\index\view中创建一个base文件夹,里面创建header.html和footer.html,分别把代码放进去,然后在index.html中改为:

{include file='base/header' /}
<p>index控制器index操作模板文件</p>
{include file='base/footer' /}

效果是一样的

那么在TP5中如何实现呢?

1、全局配置

打开config/config.php

<?php
return [
  'template' => [
    'layout_on' => true,
    'layout_name' => 'layout'
  ],
];
?>

接着在视图目录view下创建一个布局文件layout.html:

{include file='base/header' /}
{__CONTENT__}
{include file='base/footer' /}

那么index.html中只要写:

<p>index控制器index</p>

2、模板里配置


首先在config.php中删掉布局配置,然后在index.html中手工添加布局文件:

{layout name="layout" /}
<p>index控制器index操作模板文件</p>

3、控制器里配置

总结:三种模板布局方案中,全局配置控制器配置,是在程序中实现模板布局,模板中配置是单纯通过模板标签实现在模板中使用布局。具体采用哪种方案?还要根据项目的实际情况进行安排。

©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容

  • Spring Cloud为开发人员提供了快速构建分布式系统中一些常见模式的工具(例如配置管理,服务发现,断路器,智...
    卡卡罗2017阅读 134,881评论 18 139
  • Android 自定义View的各种姿势1 Activity的显示之ViewRootImpl详解 Activity...
    passiontim阅读 173,104评论 25 708
  • 文章分类 后台文章分类列表页模板导的详细步骤建立数据表blog_category,并添加相应的文章字段使用php ...
    JoyceZhao阅读 1,760评论 0 14
  • 文|赵晓璃 写在前面的话: 随着咨询案例的累积,我渐渐发现了一个悲凉的事实,那就是,站在个人成长的角度来看,太多的...
    赵晓璃阅读 15,376评论 96 874
  • a (an) art. 一(个、件……) abandon v.抛弃,舍弃,放弃 ability n. 能力;才能 ...
    隔壁老石阅读 414评论 0 0