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

ThinkPHP 6.1 模板篇之文件加载

news 2025/7/2 11:50:47

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

论文解读：交大港大上海AI Lab开源论文 | 宇树机器人多姿态起立控制强化学习框架（二）

HoST框架核心实现方法详解 - 论文深度解读（第二部分）《Learning Humanoid Standing-up Control across Diverse Postures》系列文章：论文深度解读 + 算法与代码分析（二）作者机构：上海AI Lab, 上海交通大学, 香港大学, 浙江大学, 香港中文大学论文主题：人形机器人…...

编程新知 2025/6/17 5:29:50

React第五十七节 Router中RouterProvider使用详解及注意事项

前言在 React Router v6.4 中，RouterProvider 是一个核心组件，用于提供基于数据路由（data routers）的新型路由方案。它替代了传统的 <BrowserRouter>，支持更强大的数据加载和操作功能（如 loader 和…...

编程新知 2025/6/25 22:22:40

Cesium1.95中高性能加载1500个点

一、基本方式： 图标使用.png比.svg性能要好 <template><div id"cesiumContainer"></div><div class"toolbar"><button id"resetButton">重新生成点</button><span id"countDisplay&qu…...

编程新知 2025/6/17 7:02:51

使用分级同态加密防御梯度泄漏

抽象联邦学习 （FL） 支持跨分布式客户端进行协作模型训练，而无需共享原始数据，这使其成为在互联和自动驾驶汽车 （CAV） 等领域保护隐私的机器学习的一种很有前途的方法。然而，最近的研究表明&…...

编程新知 2025/6/29 11:36:31

Leetcode 3577. Count the Number of Computer Unlocking Permutations

Leetcode 3577. Count the Number of Computer Unlocking Permutations 1. 解题思路2. 代码实现题目链接：3577. Count the Number of Computer Unlocking Permutations 1. 解题思路这一题其实就是一个脑筋急转弯，要想要能够将所有的电脑解锁&#x…...

编程新知 2025/6/23 6:42:53