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

ThinkPHP 6.1 模板篇之文件加载

news 2025/10/28 11:57:32

本文主要讲述模板中如何使用包含文件、引入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

《Playwright：微软的自动化测试工具详解》

Playwright 简介:声明内容来自网络，将内容拼接整理出来的文档 Playwright 是微软开发的自动化测试工具，支持 Chrome、Firefox、Safari 等主流浏览器，提供多语言 API（Python、JavaScript、Java、.NET）。它的特点包括&a…...

编程新知 2025/7/23 15:00:00

智能在线客服平台：数字化时代企业连接用户的 AI 中枢

随着互联网技术的飞速发展，消费者期望能够随时随地与企业进行交流。在线客服平台作为连接企业与客户的重要桥梁，不仅优化了客户体验，还提升了企业的服务效率和市场竞争力。本文将探讨在线客服平台的重要性、技术进展、实际应用，并…...

编程新知 2025/10/21 0:37:39

页面渲染流程与性能优化

页面渲染流程与性能优化详解（完整版） 一、现代浏览器渲染流程（详细说明） 1. 构建DOM树浏览器接收到HTML文档后，会逐步解析并构建DOM（Document Object Model）树。具体过程如下： (…...

编程新知 2025/10/21 14:18:33

OPenCV CUDA模块图像处理-----对图像执行均值漂移滤波（Mean Shift Filtering）函数meanShiftFiltering()

操作系统：ubuntu22.04 OpenCV版本：OpenCV4.9 IDE:Visual Studio Code 编程语言：C11 算法描述在 GPU 上对图像执行均值漂移滤波（Mean Shift Filtering），用于图像分割或平滑处理。该函数将输入图像中的…...

编程新知 2025/10/27 0:27:44

Android第十三次面试总结（四大组件基础）

Activity生命周期和四大启动模式详解一、Activity 生命周期 Activity 的生命周期由一系列回调方法组成，用于管理其创建、可见性、焦点和销毁过程。以下是核心方法及其调用时机： onCreate() 调用时机：Activity 首次创建时调用。…...

编程新知 2025/10/15 15:07:34

服务器--宝塔命令

一、宝塔面板安装命令 ⚠️ 必须使用 root 用户或 sudo 权限执行！ sudo su - 1. CentOS 系统： yum install -y wget && wget -O install.sh http://download.bt.cn/install/install_6.0.sh && sh install.sh2. Ubuntu / Debian 系统…...

编程新知 2025/10/3 10:56:48

保姆级教程：在无网络无显卡的Windows电脑的vscode本地部署deepseek

文章目录 1 前言2 部署流程2.1 准备工作2.2 Ollama2.2.1 使用有网络的电脑下载Ollama2.2.2 安装Ollama（有网络的电脑）2.2.3 安装Ollama（无网络的电脑）2.2.4 安装验证2.2.5 修改大模型安装位置2.2.6 下载Deepseek模型 2.3 将deepse…...

编程新知 2025/10/25 16:51:56