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

ThinkPHP 6.1 模板篇之文件加载

news 2026/5/13 9:23:35

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

GoMCP框架：用Go快速构建AI工具集成服务器

1. 项目概述：GoMCP，一个为Go语言打造的MCP服务器框架如果你正在用Go语言开发AI应用，并且想让你的Claude Desktop、Cursor或者VS Code Copilot能够调用你写的工具、读取你的数据源，那么你很可能已经接触过Model Context Protocol&a…...

编程新知 2026/5/13 8:51:20

基于Azure SQL与Semantic Kernel的RAG应用实战：低成本实现向量搜索与智能问答

1. 项目概述：当SQL数据库遇上向量搜索如果你正在用.NET技术栈构建智能应用，并且数据已经躺在Azure SQL Database里，那么“如何低成本、高效率地实现语义搜索和RAG（检索增强生成）”很可能就是你当前最头疼的问题。传统的…...

编程新知 2026/5/13 8:41:45

UAssetGUI终极指南：深度解析虚幻引擎资源文件转换技术

UAssetGUI终极指南：深度解析虚幻引擎资源文件转换技术【免费下载链接】UAssetGUI A tool designed for low-level examination and modification of Unreal Engine game assets by hand. 项目地址: https://gitcode.com/gh_mirrors/ua/UAssetGUI UAssetGUI是…...

编程新知 2026/5/13 8:16:45

iCircuit：iPad上的电子电路仿真神器，从原理到实践全解析

1. 项目概述与核心价值最近和一位老朋友Alvin聊天，他是一位资深的硬件工程师，我们曾一起合作过一些项目。他兴奋地给我发来一封邮件，强烈推荐了一款他正在使用的iPad应用——iCircuit。这让我立刻提起了兴趣，因为在移动设备上进行…...

编程新知 2026/5/13 8:14:44

RootlessJamesDSP：无Root环境下的Android全局音频处理方案解析

1. 项目概述：在无根环境中驯服音频的“魔法师”如果你是一个对手机音质有追求的安卓用户，或者是一个喜欢折腾音频处理插件的玩家，那么你很可能听说过或者用过 JamesDSP。它是一款功能强大的音频处理引擎，能够通过复杂的算法&#…...

编程新知 2026/5/13 6:53:41

电子设计协同：跨团队互联规划工具的应用与优化

1. 跨团队互联规划：电子设计协同的破局之道在当今高度复杂的电子系统设计中，芯片(IC)、封装(Package)和印刷电路板(PCB)三大设计团队的协同工作已成为决定产品成败的关键因素。传统设计流程中，这三个团队往往各自为政，通过Excel表…...

编程新知 2026/5/13 6:08:27

5分钟快速上手：XUnity.AutoTranslator游戏翻译插件完整教程

5分钟快速上手：XUnity.AutoTranslator游戏翻译插件完整教程【免费下载链接】XUnity.AutoTranslator 项目地址: https://gitcode.com/gh_mirrors/xu/XUnity.AutoTranslator 还在为外语游戏的语言障碍而烦恼吗？XUnity.AutoTranslator是一款强大的…...

编程新知 2026/5/13 5:16:48

Hermes Agent：引爆企业AI革命！自进化智能体协作实战与落地指南

Hermes Agent 是一款自进化AI代理系统，具备完整学习循环、跨会话记忆、用户建模等核心特性。本文深入解析其架构、多智能体协作机制及自进化能力，并通过智能客服、DevOps自动化、数据分析等企业级案例，展示如何构建高效AI代理系统。同时提供性…...

编程新知 2026/5/13 4:01:52

不止于Java：在Termux的Ubuntu子系统里，我这样配置Python/Node.js多语言开发环境

不止于Java：在Termux的Ubuntu子系统里配置Python/Node.js多语言开发环境将手机变成便携式开发工作站早已不是天方夜谭。通过Termux和proot-distro搭建的Ubuntu子系统，开发者可以在Android设备上构建完整的Linux开发环境。与局限于单一语言的解决方案不同…...

编程新知 2026/5/13 3:17:57

边缘计算中的机器学习能效优化与混合架构实践

1. 边缘计算中的机器学习能效革命在智能手表、健康监测设备等穿戴式设备中，实时运行机器学习模型一直是个棘手的问题。传统方案要么耗电太快导致续航崩溃，要么精度太低失去实用价值。我们团队最近实验的一组数据很能说明问题：在常见的运动识别…...

编程新知 2026/5/13 1:17:16