站三界导航
首页 TP代码ThinkPHP5引入公共部分head和foot(多种方法)

ThinkPHP5引入公共部分head和foot(多种方法)

  • TP代码
  • 来源:站三界导航
  • 64阅读
  • 2023-08-01

在项目中,header和footer重复使用的次数高,于是我们把header和footer作为公共部分,其他模板需要的话就引用。下面我教大家引用公共模板

1、使用include 

首先在view下面新建一个文件夹(common),用来存放公共模板,然后使用include在需要的地方引用该板块:

{include file="common/head" /}
可以一次包含多个模版,例如:

{include file="public/header,public/menu" /}
无论你使用什么方式包含外部模板,Include标签支持在包含文件的同时传入参数,例如,下面的例子我们在包含header模板的时候传入了title和keywords参数:

{include file="Public/header" title="$title" keywords="站三界导航" /}
就可以在包含的header.html文件里面使用title和keywords变量,如下:

<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title>[title]</title>
<meta name="keywords" content="[keywords]" />
</head>

2、模板布局


ThinkPHP的模板引擎内置了布局模板功能支持,可以方便的实现模板布局以及布局嵌套功能。有三种布局模板的支持方式。


第一种方式:全局配置方式


这种方式仅需在项目配置文件中添加相关的布局模板配置,就可以简单实现模板布局功能,比较适用于全站使用相同布局的情况,需要配置开启layout_on 参数(默认不开启),并且设置布局入口文件名layout_name(默认为layout)。

'template'  =>  [
    'layout_on'     =>  true,
    'layout_name'   =>  'layout',
]

注:layout_on设置false则关闭公开模板,如果想测试它是否关闭了,需要把runtime里面的文件删除,这样缓存就清空就不会影响它的效果


在不开启layout_on布局模板之前,会直接渲染 application/index/view/jade/index.html(我的模板文件),开启之后,首先会渲染application/index/view/layout.html 模板,布局模板的写法和其他模板的写法类似,本身也可以支持所有的模板标签以及包含文件,区别在于有一个特定的输出替换变量{__CONTENT__},例如,下面是一个典型的layout.html模板的写法:

{include file="common/head" /}
 {__CONTENT__}
{include file="common/foot" /}

读取layout模板之后,会再解析user/add.html 模板文件,并把解析后的内容替换到layout布局模板文件的{CONTENT} 特定字符串。


当然可以通过设置来改变这个特定的替换字符串,例如:

'template'  =>  [
    'layout_on'     =>  true,
    'layout_name'   =>  'layout',
    'layout_item'   =>  '{__REPLACE__}'
]

注:一个布局模板同时只能有一个特定替换字符串。


如果jade.html不需要使用公共模板,在里面加上{__NOLAYOUT__}就不会引入公共模块


第二种方式:模板标签方式


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


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

{layout name="layout" /}

表示当前模板文件需要使用layout.html 布局模板文件,而布局模板文件的写法和上面第一种方式是一样的。当渲染user/add.html 模板文件的时候,如果读取到layout标签,则会把当前模板的解析内容替换到layout布局模板的{CONTENT} 特定字符串。


一个模板文件中只能使用一个布局模板,如果模板文件中没有使用任何layout标签则表示当前模板不使用任何布局。


如果需要使用其他的布局模板,可以改变layout的name属性,例如:

{layout name="newlayout" /}
还可以在layout标签里面指定要替换的特定字符串:

{layout name="Layout/newlayout" replace="[__REPLACE__]" /}

第三种方式:使用layout控制模板布局


使用内置的layout方法可以更灵活的在程序中控制模板输出的布局功能,尤其适用于局部需要布局或者关闭布局的情况,这种方式也不需要在配置文件中开启layout_on。例如:

<?php
namespace app\index\controller;
use think\Controller;
use think\Request;
use think\Db;

class Jade extends Controller
{
    public function index()
    {
        $this->view->engine->layout(true);
        return $this->view->fetch();
    }
}

表示当前的模板输出启用了布局模板,并且采用默认的layout布局模板。


如果当前输出需要使用不同的布局模板,可以动态的指定布局模板名称,例如:

<?php
namespace app\index\controller;
use think\Controller;
use think\Request;
use think\Db;

class Jade extends Controller
{
    public function index()
    {
        $this->view->engine->layout('Layout/newlayout');
        return $this->view->fetch();
    }
}
或者使用layout方法动态关闭当前模板的布局功能,这种用法可以配合第一种布局方式,例如全局配置已经开启了布局,可以在某个页面单独关闭:

namespace app\index\controller;

use think\Controller;

class User extends Controller
{
     public function add() 
     {
        // 临时关闭当前模板的布局功能
         $this->view->engine->layout(false); 
         return $this->display('add');
     }
}

本文结束
本文来自投稿,不代表站三界导航立场,如若转载,请注明出处:https://www.zhansanjie.com/article/details/47711.html

版权声明:

1、本文系转载,版权归原作者所有,旨在传递信息,不代表看本站的观点和立场。

2、本站仅提供信息发布平台,不承担相关法律责任。

3、若侵犯您的版权或隐私,请联系本站管理员删除。

4、本文由会员转载自互联网,如果您是文章原创作者,请联系本站注明您的版权信息。

分享
站三界导航
本站声明:本站严格遵守国家相关法律规定,非正规网站一概不予收录。本站所有资料取之于互联网,任何公司或个人参考使用本资料请自辨真伪、后果自负,站三界导航不承担任何责任。在此特别感谢您对站三界导航的支持与厚爱。