TP5 模板布局

这篇博客详细介绍了ThinkPHP5中模板布局的两种方式:全局配置方式和模板标签方式,并提供了具体的操作步骤和注意事项。全局配置方式需在配置文件中开启layout_on并设置布局入口文件,而模板标签方式则直接在模板文件中指定布局模板。文章还提到了如何使用{__NOLAYOUT__}变量来临时禁用布局模板,并强调了缓存清理的重要性。

摘要生成于 C知道 ,由 DeepSeek-R1 满血版支持, 前往体验 >

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

一、全局配置方式

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

注意:

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

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

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

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

这个是footer尾部内容

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

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

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

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

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

 

二、模版标签的方式

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

    layout

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

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

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

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

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

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

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

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

结果就是:

title被改变了。

 

    block

        

        

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

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


footer.html中:

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

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值