Teilen Sie die Lösung zum Importieren von Ressourcendateien in die ThinkPHP-Vorlagen-Engine

In diesem Artikel wird hauptsächlich die Methode zum Importieren von Ressourcendateien der ThinkPHP-Vorlagen-Engine vorgestellt

Im Allgemeinen die traditionelle Methode zum Importieren externer JS-, CSS- und anderer Ressourcendateien auf Webseiten ist die direkte Verwendung in Vorlagendateien:

<script type=&#39;text/javascript&#39; src=&#39;/Public/Js/Util/Array.js&#39;>
<link rel="stylesheet" type="text/css" href="/App/Tpl/default/Public/css/style.css" />

Die Vorlagen-Engine von ThinkPHP bietet spezielle Tags, um den oben genannten Import zu vereinfachen.

1.Import-Tag

Das erste ist das Import-Tag. Die Importmethode verwendet eine Namespace-Methode ähnlich der Importfunktion von ThinkPHP, zum Beispiel:

<import type=&#39;js&#39; file="Js.Util.Array" />

Das Type-Attribut ist standardmäßig auf js eingestellt, sodass die folgenden Effekte gleich sind:

<import file="Js.Util.Array" />

kann auch mehrere Batch-Importe von Dateien unterstützen, zum Beispiel:

<import file="Js.Util.Array,Js.Util.Date" />

Der Wert des Typattributs muss beim Import externer CSS-Dateien angegeben werden, zum Beispiel:

<import type=&#39;css&#39; file="Css.common" />

Die obige MethodeDer Standard-Importstartpfad ist das öffentliche Verzeichnis im Stammverzeichnis der Website, wenn Sie andere Verzeichnisse angeben müssen, Sie können das Attribut „basepath“ verwenden, zum Beispiel:

<import file="Js.Util.Array" basepath="./Common" />

Wenn die importierte Datei ein „.“-Symbol enthält, können Sie Folgendes verwenden:

<import file="Js.Util.Array#min" />

Zeigt den Import der Ressourcendatei /Public/Js/Util/Array.min.js an.

unterstützt auch den Import von Versionsnummern von Ressourcendateien, zum Beispiel:

<import type=&#39;js&#39; file="Js.Util.Array?v=120" />

kann auch beim Import mehrerer Dateien unterstützt werden

<import type=&#39;js&#39; file="Js.Util.Array?125,Js.Util.Date?130" />

improt-Tag unterstützt das Laden von Urteilen, zum Beispiel wird zuerst beurteilt, ob die Namensvariable gesetzt ist:

<import type=&#39;js&#39; file="Js.Util.Array" value="name" />

oder Für mehr Komplexität kann sogar die Funktion verwenden:

<import type=&#39;js&#39; file="Js.Util.Array" value="Think.get.name|isset" />

Der kompilierte Vorlagencache ist:

<?php
if(isset($_GET[&#39;name&#39;])): 
?>
<script type="text/javascript" src="/Public/Js/Util/Array.js"></script>
<?php
endif;
?>

2.load-Tag

Das zweite ist das Load-Tag, das das öffentliche JS oder CSS des aktuellen Projekts importiert über die URL, zum Beispiel:

<load href="/Public/Js/Common.js" />
<load href="/Public/Js/Date.js?v=235" />
<load href="/Public/Css/common.css" />

kann durch spezielle Template-Tags im href-Attribut ersetzt werden, zum Beispiel:

<load href="!-PUBLIC-!/Js/Common.js" />

Tag laden Es ist nicht erforderlich, das Typattribut anzugeben, das System ermittelt es automatisch anhand des Suffixes.
Natürlich unterstützt das Load-Tag auch bedingte Beurteilungsaufrufe:

<load href="/Public/Js/Common.js" value="name" />

Das System stellt außerdem zwei Tag-Aliase js und css bereit, deren Verwendung ist konsistent mit Load , zum Beispiel:

<js href="/Public/Js/Common.js" />
<css href="/Public/Css/common.css" />

Das Load-Tag unterstützt auch den gleichzeitigen Import mehrerer Ressourcendateien, sogar verschiedener Typen Ressourcendateien :

<load href="/Public/Js/Common.js,/Public/Css/common.css" />

Das Obige ist der gesamte Inhalt dieses Artikels. Ich hoffe, dass er für alle zum Lernen hilfreich ist. Bitte achten Sie auf die chinesische PHP-Website!

Verwandte Empfehlungen:

Über die Implementierungsmethode des benutzerdefinierten Validators im thinkPHP5-Framework

Für die Laravel-Framework-Vorlage Funktionalität zum Laden und Zuweisen von Variablen und einfaches Routing

Das obige ist der detaillierte Inhalt vonTeilen Sie die Lösung zum Importieren von Ressourcendateien in die ThinkPHP-Vorlagen-Engine. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!