当前位置：首页 > news >正文

ThinkPHP 6.1 模板篇之文件加载

news 2026/2/8 6:51:08

本文主要讲述模板中如何使用包含文件、引入css/js文件及路径优化。

包含文件

使用{include}标签来加载公用重复的文件，比如头部、尾部和导航部分

包含用法

1.创建公用文件

在模版 view 目录创建一个 common公共目录，分别创建 header、footer 和 nav

在控制器渲染模版 index

public function index()
{return view('test/index');
}

2.index模板文件，包含三个公用文件

<!DOCTYPE html>
<html lang="en">
<head><meta charset="UTF-8"><title>模板篇之文件包含、替换、加载</title>
</head>
<body>{include file='common/header'/}{include file='common/nav'/}{include file='common/footer'/}
</body>
</html>

加载多文件

{include file='common/header,common/nav,common/footer'/}

加载完整路径

1.单应用

{include file='../view/common/header.html'/}

2.多应用

若视图文件不在全局view中时

{include file='../app/应用名称/view/common/header.html'/}

此处的路径地址是相对入口文件index.php的位置

标题和关键字传递

1.控制器中设置标题和热搜词传递给index.html模板

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

2.common/header.html 模版文件，使用[xxx]的方式接收调用数据

<title>[title]</title>
<meta name="keywords" content="[keywords]">

路径替换

在渲染模板时，需要调用一些样式和动态特效文件，如 css/js 等

直接写完整路径，有时路径比较长，这些路径替换优化：

增加配置

在config/view.php 配置文件中，新增参数：

// 模版替换输出
'tpl_replace_string' => ['__JS__' => '/js','__CSS__' => '/css',
]

此处路径为相对于入口文件位置，

因为我的配置文件为public/js、public/css，故如此配置；

如果不相同，请进行相应修改。

修改静态地址

html 模板文件中，直接修改为__CSS__、__JS__ 方法调用

<link rel="stylesheet" href="__CSS__/bootstrap.min.css">
<script src="__JS__/jquery.min.js"></script>

删除编译文件

由于是更改的配置文件刷新，每次都要删除编译文件才能生效。

文件加载

标签优化

可以在刚才文件路径替换的基础上，对路径进行进一步优化。

系统提供了{load}标签和 href 属性，来加载 CSS 和 JS 文件，

不再需要设置其它参数。

{load href='__CSS__/bootstrap.min.css'}
{load href='__JS__/jquery.min.js'}

注意：修改完成后，记得删除编译文件

加载多个文件

{load href='__CSS__/bootstrap.min.css, __JS__/jquery.min.js'}

设置别名

通过设置{js}、{css}来更好的实现可读性

{css href='__CSS__/bootstrap.min.css'}
{js href='__JS__/jquery.min.js'}

{js}和{css}只是别名而已，识别js、css 是根据后缀的

ThinkPHP 6.1 模板篇之文件加载

本文主要讲述模板中如何使用包含文件、引入css/js文件及路径优化。包含文件使用{include}标签来加载公用重复的文件，比如头部、尾部和导航部分包含用法 1.创建公用文件在模版 view 目录创建一个 common公共目录，分别创建 header、footer 和 nav …...

编程日记 2023/3/11 7:45:26

操作系统内核与安全分析课程笔记【1】链表、汇编与makefile

文章目录链表循环双向链表哈希链表其他链表汇编内联汇编扩展内联汇编makefile链表链表是linux内核中关键的数据结构。在第二次课中，重点介绍了循环双向链表和哈希链表。这两种链表都在传统的双向链表的基础之上进行了针对效率的优化。(ps：这部分可以通…...

编程日记 2023/3/11 7:44:23

华为OD机试题 - 九宫格按键输入（JavaScript）| 机考必刷

更多题库，搜索引擎搜梦想橡皮擦华为OD 👑👑👑 更多华为OD题库，搜梦想橡皮擦华为OD 👑👑👑 更多华为机考题库，搜梦想橡皮擦华为OD 👑👑👑 华为OD机试题最近更新的博客使用说明本篇题解：九宫格按键输入题目输入输出示例一输入输出说明示例二输入输出说…...

编程日记 2023/3/11 7:43:21

PMSM控制_foc 控制环路

整个系统的控制过程有以下部分，以无感FOC，双电阻电流采样，控制周期为 10KHz 为例： 1、在每隔一个 PWM 周期采样一次两相电流 2、进行 FOC 的计算 （1）clarke 变换，将电流变换至静止坐标系下的 Ia…...

编程日记 2023/3/11 7:42:18

Linux 练习七（IPC 共享内存）

文章目录System V 共享内存机制：shmget shmat shmdt shmctl案例一：有亲缘关系的进程通信案例二：非亲缘关系的进程通信内存写端write1.c内存读端read1.c案例三：不同程序之间的进程通信程序一，写者shmwr.c程序二&#xf…...

编程日记 2023/3/11 7:41:14

【数据库原理复习】ch4 完整性约束 SQL定义

这里写目录标题基本概念实体完整性参照完整性违规处理用户自定义完整性约束条件定义完整性约束命名字句基本概念完整性约束主要包括实体完整性参照完整性用户自定义完整性实体完整性关系模型中实体完整性通常在建表时候添加primary key完成 # primary key定义 create …...

编程日记 2023/3/11 7:40:12

【2023年的就业形势依旧严峻】

2023年口罩放开的第一年，也是第一个招聘会，挤满了求职者和用人单位，大多数都是想着重新开始，抓住金三银四的好时机，找到心仪的工作和符合岗位要求的人才，一起整装出发。我们理想的状态是，经济已…...

编程日记 2023/3/11 7:39:06

Linux下LED灯驱动模板详解

一、地址映射我们先了解MMU，全称是Memory Manage Unit。在老版本的Linux中要求处理器必须有MMU，但是现在Linux内核已经支持五MMU。MMU主要完成的功能如下：1、完成虚拟空间到物理空间的映射2、内存保护，设置存储器的访问权限&#…...

编程日记 2023/3/11 7:38:03

【C++】你不得不爱的——继承

凡是面向对象的语言，都有三大特性，继承，封装和多态，但并不是只有这三个特性，是因为者三个特性是最重要的特性，那今天我们一起来看继承！ 目录 1.继承的概念及定义 1.概念 2.继承的定义 2.基类…...

编程日记 2023/3/11 7:36:58

数据库系统概论

文章目录前言基础篇：1-5章第 1 章绪论1.1 数据库系统概述1.2 数据模型1.3 数据库系统的结构1.4 数据库系统的组成1.5 小结第 2 章关系数据库1.关系模型1.1 关系数据结构1.2 关系完整性约束实体完整性、参照完整性、用户定义完整性2.关系代数8种关系代数运算符并 ∪…...

编程日记 2023/3/11 7:35:56

32位处理器AM6528BACDXEA、AM6548BACDXEAF基于Arm Cortex-A53内核【工业4.0嵌入式产品应用】

AM6528BACDXEA、AM6548BACDXEAF 处理器是专为满足工业4.0嵌入式产品对处理性能的复杂需求而设计的Arm应用处理器。AM654x和AM652x器件将四个或两个Arm Cortex-A53内核与一个双Arm Cortex-R5F MCU子系统结合在一起。这些包含的功能旨在帮助客户实现终端产品的功能安全目标。它还…...

编程日记 2023/3/11 7:34:50

多图片怎么转换成PDF？这招教你轻松转换

多图片怎么转换成PDF？我们经常会传输图片文件给同事或者朋友，但是多张图片的传输比较麻烦，有的时候传输比较慢，而且也不便于查看，所以我们就可以将需要传输的多张图片转换成一个PDF文件，这样查看文件时就可…...

编程日记 2023/3/11 7:33:45

先单独开启一个网卡，配置/etc/network/interfaces 修改为如下配置 This file describes the network interfaces available on your system and how to activate them. For more information, see interfaces(5). source /etc/network/interfaces.d/* The loopb…...

编程日记 2023/3/11 7:32:40

【wed前端初级课程】第一章什么是HTML

什么是WEB前端？ 简单来说就是网页，只是这个网页它是由多种技术参与制作的，用来向用户展示的页面。 HTML(超文本标签语言)：它决定了网页的结构。 CSS：网页的装饰器。 JavaScript：JavaScrip最初是因为校验…...

编程日记 2023/3/11 7:31:36

sd卡格式化后数据恢复怎么操作

有时候我们需要清空SD卡数据文件，有时候则是因为需要修复SD卡所以需要格式化，但是却被提示无法格式化SD卡。这种情况往往是由于平时SD卡使用时的一些不良习惯或是SD卡中病毒，病毒在运行SD卡中的软件所造成的。那么sd卡格式化后数据恢复怎么操…...

编程日记 2023/3/11 7:30:29

论文阅读笔记｜大规模多标签文本分类

多标签文本分类（Extreme Multi Label Classification, MLTC）是自然语言处理领域中一个十分重要的任务，其旨在从一个给定的标签集合中选取出与文本相关的若干个标签。MLTC可以广泛应用于网页标注，话题识别和情感分析等场景。大规模…...

编程日记 2023/3/11 7:29:25

国际化翻译navigator.language与语种对照表

代码(navigator.language) 语种字段名 "zh-CN", 中文 Chinese "zh-SG" 马新简体 Chinese_SG "zh-TW","zh-HK", 繁体中文 Chinese_TW "en", "en-US"（美国）, "en-EG"…...

编程日记 2023/3/11 7:28:22

Matlab进阶绘图第6期—雷达图/蜘蛛图/星图

雷达图（Radar Chart），又称星图、蜘蛛图、蜘蛛网图、网络图、Kiviat图等，是一种以从同一点开始的轴上表示的三个以上变量的二维图表的形式，来显示多变量数据的图形方法。雷达图可以直观地对多维数据集目标对象的性能、…...

编程日记 2023/3/11 7:27:17

Javascript的ES6 class写法和ES5闭包写法性能对比

看到很多闭包写法的函数, 一直怀疑它对性能是否有影响. 还有就是备受推崇的React Hooks函数式写法中出现大量的闭包和临时函数, 我很担心这样会影响性能. 于是, 做了一个实验来做对比. 这个实验很简单, 用md5计算一百万次. 计算过程将结果再放回参数, 这样避免结果没被引用被…...

编程日记 2023/3/11 7:26:11

探秘MySQL——全面了解索引、索引优化规则

文章目录0.什么是索引1.常用索引分类逻辑维度底层数据结构维度物理维度（InnoDB）2.为什么底层是B树平衡二叉查找树红黑树B树（多叉）B树（多叉）3.MySQL索引优化SQL性能分析之explainQ.MySQL如何查看查询是否用到…...

编程日记 2023/3/11 7:25:06

OpenLayers 可视化之热力图

注：当前使用的是 ol 5.3.0 版本，天地图使用的key请到天地图官网申请，并替换为自己的key 热力图（Heatmap）又叫热点图，是一种通过特殊高亮显示事物密度分布、变化趋势的数据可视化技术。采用颜色的深浅来显示…...

编程新知 2025/12/9 21:15:58

阿里云ACP云计算备考笔记 (5)——弹性伸缩

目录第一章概述第二章弹性伸缩简介 1、弹性伸缩 2、垂直伸缩 3、优势 4、应用场景 ① 无规律的业务量波动 ② 有规律的业务量波动 ③ 无明显业务量波动 ④ 混合型业务 ⑤ 消息通知 ⑥ 生命周期挂钩 ⑦ 自定义方式 ⑧ 滚的升级 5、使用限制第三章主要定义 …...

编程新知 2026/1/22 6:07:24

oracle与MySQL数据库之间数据同步的技术要点

Oracle与MySQL数据库之间的数据同步是一个涉及多个技术要点的复杂任务。由于Oracle和MySQL的架构差异，它们的数据同步要求既要保持数据的准确性和一致性，又要处理好性能问题。以下是一些主要的技术要点： 数据结构差异数据类型差异&#xff…...

编程新知 2026/1/11 0:40:53

屋顶变身“发电站” ，中天合创屋面分布式光伏发电项目顺利并网！

5月28日，中天合创屋面分布式光伏发电项目顺利并网发电，该项目位于内蒙古自治区鄂尔多斯市乌审旗，项目利用中天合创聚乙烯、聚丙烯仓库屋面作为场地建设光伏电站，总装机容量为9.96MWp。项目投运后，每年可节约标煤3670…...

编程新知 2026/1/30 2:45:51

自然语言处理——Transformer

自然语言处理——Transformer 自注意力机制多头注意力机制Transformer 虽然循环神经网络可以对具有序列特性的数据非常有效，它能挖掘数据中的时序信息以及语义信息，但是它有一个很大的缺陷——很难并行化。我们可以考虑用CNN来替代RNN，但是…...

编程新知 2026/2/1 7:05:07

多模态大语言模型arxiv论文略读（108）

CROME: Cross-Modal Adapters for Efficient Multimodal LLM ➡️ 论文标题：CROME: Cross-Modal Adapters for Efficient Multimodal LLM ➡️ 论文作者：Sayna Ebrahimi, Sercan O. Arik, Tejas Nama, Tomas Pfister ➡️ 研究机构: Google Cloud AI Re…...

编程新知 2026/2/1 6:11:51

初学 pytest 记录

安装 pip install pytest用例可以是函数也可以是类中的方法 def test_func():print()class TestAdd: # def __init__(self): 在 pytest 中不可以使用__init__方法 # self.cc 12345 pytest.mark.api def test_str(self):res add(1, 2)assert res 12def test_int(self):r…...

编程新知 2026/1/21 19:46:26