经过几个博客的学习,自己总结出来了两种方式,但是第二种方式中又可以分支出来两种也就是说三种模版布局的方法,在这里记录下来,方便使用。

一、全局配置方式

需要配置开启layout_on 参数(默认不开启),并且设置布局入口文件名layout_name(默认为layout) 
这个是在application/config.php文件里

TP5 模板布局

注意:

在配置文件中 ‘url_html_suffix’ => ‘html’, 这想必须是html,不然模板输出的时候会格式不正确。我因为这个不小心配置成了json格式的结果模板输出全是json格式,就连html标签都输出了。 
然后是控制器,其实控制器不需要有什么配置。如果没人任何需要输出的内容就算是空的控制器也是可以的。

TP5 模板布局

布局模板,这个意思很明啦。就是吧分开了的头部尾部中间部分按这个模板的规则统一导入进来。

TP5 模板布局

上面这个是在layoutname.html文件上的代码,因为我在配置文件中配置的是 'layout_name' => 'layout/layoutname' 所以他的布局模板文件位置就是 application/index/view/layout/layoutname.html 还有header和footer两个文件都在这个文件夹下。

下面这个是header头部文件的内容

TP5 模板布局

这个是footer尾部内容

TP5 模板布局

中间部分就是控制器的操作模板,也就是当前控制器的index操作 application/index/view/Index/index.html

TP5 模板布局

{//__NOLAYOUT__} 这个是如果在这个模板里不想使用布局模板的话用{__NOLAYOUT__} 可以屏蔽掉布局模板的头部和尾部。双斜杠”//”是我注释掉了这个变量,用的时候你需要把“//”去掉哦。

接下来我们看看输出结果:

TP5 模板布局

现在开启 {__NOLAYOUT__} 这个变量看看结果是怎样的! 
在这里我需要提醒一下在开启 {__NOLAYOUT__} 之后刷新浏览器之前先清空一下runtime\temp 这个目录的缓存文件。

TP5 模板布局

我们可以看到头部和尾部的信息都已经没有了,说明测试已经成功了。

 

二、模版标签的方式

        这里有能够分开出来两种方式,也可能就是一种方式的两种体现,只是因为我了解甚少不了解罢了。

    layout

        这种方法就简单多了,不需要在配置文件中设置任何参数,也不需要开启layout_on,直接在模板文件中指定布局模板即可,相关的布局模板调整也在模板中进行。

以前面的输出模板为例,这种方式的入口还是在Index/index.html 模板,但是我们可以修改下add模板文件的内容,在头部增加下面的布局标签(记得首先关闭前面的layout_on设置,否则可能出现布局循环):

{layout name=”layout/layoutname” /}  就表示采用application/index/view/layout/layoutname.html作为布局模板

TP5 模板布局

这里在次强调,除了header和footer两个模板保持不变之外,在配置文件中部不需要做任何配置。

接下来刷新看结果如何,同样刷新需要清空缓存。 

TP5 模板布局

还可以在layout标签里面指定要替换的特定字符串:{layout name=”layout/layoutname” replace=”[REPLACE]” /}

还可以在模板布局中的设置一些变量,例如: 
设置title变量

TP5 模板布局

然后在header文件中接收一下title

TP5 模板布局

结果就是:

TP5 模板布局

title被改变了。

 

    block

        TP5 模板布局

        TP5 模板布局

在view文件夹下创建父模板layoutextend.html

TP5 模板布局

在view文件夹下创建base文件夹,下面创建header.html和footer.html,作为公共部分。
header.html中:

TP5 模板布局
footer.html中:

TP5 模板布局

在控制器对应的index.html模板中:

TP5 模板布局

相关文章: