Analyse der Verwendung des Front-End-Ressourcenpakets, das mit dem Yii-Framework in PHP geliefert wird
不言
Freigeben： 2023-04-01 13:42:01
Original
1107 Leute haben es durchsucht
Dieser Artikel stellt hauptsächlich die Verwendung von Front-End-Ressourcenpaketen im Yii-Framework von PHP vor und listet einige gängige JavaScript- und CSS-Ressourcen in Yii auf. Freunde in Not können darauf verweisen
Die Ressourcen in Yii sind und Dateien im Zusammenhang mit Webseiten können CSS-Dateien, JavaScript-Dateien, Bilder oder Videos usw. sein. Die Ressourcen werden in einem für das Web zugänglichen Verzeichnis abgelegt und direkt vom Webserver aufgerufen.
Es ist besser, Ressourcen automatisch über Programme zu verwalten. Wenn Sie beispielsweise das yiijuiDatePicker-Widget auf einer Seite verwenden, werden die erforderlichen CSS- und JavaScript-Dateien automatisch eingebunden, anstatt dass Sie diese Dateien manuell suchen und einbinden müssen Wenn Sie das Widget aktualisieren, wird es automatisch die neue Version der Ressourcendatei verwenden. In diesem Tutorial werden wir die leistungsstarken Ressourcenverwaltungsfunktionen von Yii detailliert beschreiben.
Ressourcenpaket
Ressourcenpakete sind einfach eine Sammlung von Ressourcen, die in einem Verzeichnis abgelegt werden CSS- und JavaScript-Dateien im Paket werden beim Rendern der Webseite einbezogen.
Definieren Sie das Ressourcenpaket
Das Ressourcenpaket wird als PHP-Klasse angegeben, die yiiwebAssetBundle erbt. Der Paketname ist der PHP-Klassenname, der automatisch geladen werden kann In der Ressourcenpaketklasse müssen Sie den Speicherort der Ressource angeben, welche CSS- und JavaScript-Dateien sie enthält und welche Abhängigkeiten sie von anderen Paketen hat.
Der folgende Code definiert das Hauptressourcenpaket, das von der Basisanwendungsvorlage verwendet wird:
<?php
namespace app\assets;
use yii\web\AssetBundle;
class AppAsset extends AssetBundle
{
public $basePath = '@webroot';
public $baseUrl = '@web';
public $css = [
'css/site.css',
];
public $js = [
];
public $depends = [
'yii\web\YiiAsset',
'yii\bootstrap\BootstrapAsset',
];
}
Nach dem Login kopieren
Wie oben die vom AppAsset angegebenen Ressourcendateien Die entsprechende URL ist @web. Das Ressourcenpaket enthält keine JavaScript-Datei, yiiwebYiiAsset und yiibootstrapBootstrapAsset Die Eigenschaften von yiiwebAssetBundle lauten wie folgt:
yiiwebAssetBundle::sourcePath: Gibt das Stammverzeichnis des Bundles an, das Ressourcendateien enthält. Diese Eigenschaft sollte festgelegt werden, wenn das Web nicht auf das Stammverzeichnis zugreifen kann Andernfalls sollten die Eigenschaft yiiwebAssetBundle::basePath und yiiwebAssetBundle::baseUrl festgelegt werden. Hier können Pfadaliase verwendet werden.
yiiwebAssetBundle::basePath: gibt das Verzeichnis an, das die Ressourcendateien im Ressourcenpaket enthält und über das Internet zugänglich ist. Der Ressourcenmanager veröffentlicht die Ressourcen des Pakets in einem über das Internet zugänglichen Verzeichnis und überschreibt dieses Attribut. Wenn sich Ihre Ressourcendateien in einem über das Internet zugänglichen Verzeichnis befinden, sollten Sie dieses Attribut festlegen, damit sie nicht erneut veröffentlicht werden müssen. Hier können Pfadaliase verwendet werden.
yiiwebAssetBundle::baseUrl: Gibt die URL an, die dem Verzeichnis yiiwebAssetBundle::basePath entspricht. Wenn Sie das Attribut yiiwebAssetBundle::sourcePath angeben, wird der Ressourcenmanager dies tun Veröffentlichen Sie diese Ressource und überschreiben Sie diese Eigenschaft. Hier können Pfadaliase verwendet werden. yiiwebAssetBundle::js: Ein Array, das die JavaScript-Dateien des Ressourcenpakets enthält. Beachten Sie, dass der Schrägstrich „/“ als Verzeichnistrennzeichen verwendet werden sollte. Jede JavaScript-Datei kann in einem der folgenden zwei Formate angegeben werden 🎜>
Der relative Pfad wird als lokale JavaScript-Datei ausgedrückt (z. B. js/main.js). Dem tatsächlichen Pfad der Datei ist yiiwebAssetManager::basePath vorangestellt Vor der Datei steht yiiwebAssetManager::baseUrl.
Die absolute URL-Adresse wird als externe JavaScript-Datei dargestellt, z. B. http://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min. js oder // ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js.
yiiwebAssetBundle::css: Ein Array, das die JavaScript-Dateien von enthält Dieses Ressourcenpaket ist das gleiche wie yiiwebAssetBundle::js.
yiiwebAssetBundle::depends: Eine Liste anderer Ressourcenpakete, von denen dieses Ressourcenpaket abhängt (ausführliche Einführung in den nächsten beiden Abschnitten).
yiiwebAssetBundle::jsOptions: Gibt die Optionen an, die an diese Methode übergeben werden, wenn yiiwebView::registerJsFile() aufgerufen wird, um jede JavaScript-Datei im Bundle zu registrieren.
yiiwebAssetBundle::cssOptions: Gibt die Optionen an, die an diese Methode übergeben werden, wenn yiiwebView::registerCssFile() aufgerufen wird, um jede CSS-Datei im Bundle zu registrieren.
yiiwebAssetBundle::publishOptions: Gibt die Optionen an, die an diese Methode übergeben werden, wenn yiiwebAssetManager::publish() aufgerufen wird, um die Paketressourcendatei im Webverzeichnis zu veröffentlichen. Nur wenn yiiwebAssetBundle::sourcePath vorhanden ist angegebenen Eigenschaften verwendet.
Ressourcenstandort
Ressourcen können nach ihrem Standort unterteilt werden: Quellressourcen: Ressourcendateien und PHP-Quellcode Zusammengenommen kann das Web nicht direkt auf sie zugreifen. Um diese Quellressourcen nutzen zu können, müssen sie in ein Webverzeichnis kopiert werden, auf das das Web zugreifen kann, und zu veröffentlichten Ressourcen werden später ausführlich vorgestellt.
Ressourcen veröffentlichen: Ressourcendateien werden in einem Webverzeichnis abgelegt, auf das direkt über das Web zugegriffen werden kann. Externe Ressourcen: Ressourcendateien werden auf einem anderen Webserver für Ihre Webanwendung abgelegt Paketklasse: Wenn Sie das Attribut yiiwebAssetBundle::sourcePath angeben, bedeutet dies, dass alle Ressourcen, die relative Pfade verwenden, als Quellressourcen behandelt werden. Wenn Sie dieses Attribut nicht angeben, bedeutet dies, dass diese Ressourcen veröffentlichte Ressourcen sind (daher sollten Sie yiiwebAssetBundle angeben). ::basePath und yiiwebAssetBundle::baseUrl teilen Yii ihren Standort mit.
