ThinkPHP 6.1 模板篇之布局与继承
创始人
2024-06-01 08:14:41
0

本文主要讲述ThinkPHP 6.1版本模板几种布局的方法和如何实现继承,

可以与《ThinkPHP 6.1 模板篇之文件加载》结合来看。

 

模板布局

布局方式有两种可以实现。

布局方法1

开启配置

默认情况下,不支持模版布局功能,需要在配置文件中开启:

在配置文件 config/view.php中,增加配置:

// 布局设置
'layout_on' => false,
// 布局文件名称和路径
'layout_name' => 'layouts/layout',

 

创建模板文件

layout.html 负责所有通用模块的代码部分,而局部内容通过变量引入;

使用{__CONTENT__}类似魔术方法的标签来引入 index.html 非通用内容;

layout内容



{include file='common/header' title='$title' keywords='$keywords'/}


{__CONTENT__}

index内容

这里是内容

效果

 

 

修改引入方法

{__CONTENT__}可以更改,在config/view.php配置文件修改:

// 引入方法配置
'layout_item' => '{__INFO__}'

 

布局方法2

这里不使用配置方法,若已开启配置,需要关闭。

'layout_on' => false,

直接使用{layout}标签,在 index.html 的顶部加上如下代码,即可实现模版布局

{layout name='layouts/layout'}

 

模板继承

模版继承是另一种布局方式,这种布局更加的灵活。

创建基类

首先,创建一个 common/base.html 的基类模版文件



{$title}

这里是内容

继承基类

创建新的模版 extend.html,通过extend方法加载基类文件

{extend name='common/base'}

或者

{extend name='../view/common/base.html'}

设置可替换区块

在基类模版中,设置几个可替换的区块部分,使用{block}标签实现;



{$title}


{block name='header'}头部{/block}
{block name='nav'}{include file='common/nav'}{/block}
{block name='footer'}这里是底部 {/block}

 

替换区块

在extend.html中去替换之前设置的区块,不替换则保持原来默认

{extend name='common/base'}{block name='header'}
头部替换为extend中的头部
{/block}{block name='nav'}
导航需要改成extend中的导航
{/block}{block name='footer'}{include file='common/footer'} {/block}

总结:

总体来说,ThinkPHP提供的布局和继承实现大概就是这些,方法很灵活,结合起来使用,已经可以满足绝大多数场景了;学习完成后,准备去布置我的后台了。

 

 

相关内容

热门资讯

122.(leaflet篇)l... 听老人家说:多看美女会长寿 地图之家总目录(订阅之前建议先查看该博客) 文章末尾处提供保证可运行...
育碧GDC2018程序化大世界... 1.传统手动绘制森林的问题 采用手动绘制的方法的话,每次迭代地形都要手动再绘制森林。这...
育碧GDC2018程序化大世界... 1.传统手动绘制森林的问题 采用手动绘制的方法的话,每次迭代地形都要手动再绘制森林。这...
Vue使用pdf-lib为文件... 之前也写过两篇预览pdf的,但是没有加水印,这是链接:Vu...
PyQt5数据库开发1 4.1... 文章目录 前言 步骤/方法 1 使用windows身份登录 2 启用混合登录模式 3 允许远程连接服...
Android studio ... 解决 Android studio 出现“The emulator process for AVD ...
Linux基础命令大全(上) ♥️作者:小刘在C站 ♥️个人主页:小刘主页 ♥️每天分享云计算网络运维...
再谈解决“因为文件包含病毒或潜... 前面出了一篇博文专门来解决“因为文件包含病毒或潜在的垃圾软件”的问题,其中第二种方法有...
南京邮电大学通达学院2023c... 题目展示 一.问题描述 实验题目1 定义一个学生类,其中包括如下内容: (1)私有数据成员 ①年龄 ...
PageObject 六大原则 PageObject六大原则: 1.封装服务的方法 2.不要暴露页面的细节 3.通过r...
【Linux网络编程】01:S... Socket多进程 OVERVIEWSocket多进程1.Server2.Client3.bug&...
数据结构刷题(二十五):122... 1.122. 买卖股票的最佳时机 II思路:贪心。把利润分解为每天为单位的维度,然后收...
浏览器事件循环 事件循环 浏览器的进程模型 何为进程? 程序运行需要有它自己专属的内存空间࿰...
8个免费图片/照片压缩工具帮您... 继续查看一些最好的图像压缩工具,以提升用户体验和存储空间以及网站使用支持。 无数图像压...
计算机二级Python备考(2... 目录  一、选择题 1.在Python语言中: 2.知识点 二、基本操作题 1. j...
端电压 相电压 线电压 记得刚接触矢量控制的时候,拿到板子,就赶紧去测各种波形,结...
如何使用Python检测和识别... 车牌检测与识别技术用途广泛,可以用于道路系统、无票停车场、车辆门禁等。这项技术结合了计...
带环链表详解 目录 一、什么是环形链表 二、判断是否为环形链表 2.1 具体题目 2.2 具体思路 2.3 思路的...
【C语言进阶:刨根究底字符串函... 本节重点内容: 深入理解strcpy函数的使用学会strcpy函数的模拟实现⚡strc...
Django web开发(一)... 文章目录前端开发1.快速开发网站2.标签2.1 编码2.2 title2.3 标题2.4 div和s...