So verwenden Sie den Asset Manager von YII, um CSS und JavaScript -Dateien zu verwalten

Der Asset Manager von YII bietet eine optimierte M?glichkeit, CSS- und JavaScript -Dateien in Ihre YII -Anwendungen einzubeziehen und zu verwalten. Anstatt in Ihren Ansichten <link> und <script></script> -Tags manuell hinzuzufügen, verwenden Sie Bündel zu gruppenbezogenen Verm?genswerten. Dieser Ansatz f?rdert eine bessere Organisation, Wartbarkeit und Leistung.

Um den Asset Manager zu verwenden, müssen Sie zun?chst ein Asset -Bundle erstellen. Dies erfolgt typischerweise durch Erweiterung der yii\web\AssetBundle -Klasse. Innerhalb dieser Klasse geben Sie den Quellpfad an, der Ihre Verm?genswerte (CSS- und JS -Dateien), die ver?ffentlichte URL enth?lt, in der das Verm?gen bedient wird, und eine Liste von CSS- und JS -Dateien, die enthalten sind.

 <code class="php"><?php namespace app\assets; use yii\web\AssetBundle; class AppAsset extends AssetBundle { public $basePath = &#39;@webroot&#39;; public $baseUrl = &#39;@web&#39;; public $css = [ &#39;css/site.css&#39;, ]; public $js = [ &#39;js/site.js&#39;, ]; public $depends = [ &#39;yii\web\YiiAsset&#39;, &#39;yii\bootstrap5\BootstrapAsset&#39;, ]; }</code></code>

In diesem Beispiel wird ein AppAsset -Bundle erstellt. basePath und baseUrl definieren den Ort der Verm?genswerte auf dem Server bzw. deren URL. css und js -Arrays listen die CSS- und JavaScript -Dateien auf. depends von anderen Asset -Bündeln, auf die dieses Bündel angewiesen ist (in diesem Fall sind die Kernverm?genswerte von YII und Bootstrap 5).

Schlie?lich registrieren Sie das Asset-Bundle in Ihrer Ansicht unter Verwendung von $this->registerAssetBundle() :

 <code class="php"><?php use app\assets\AppAsset; AppAsset::register($this); ?>    <title>My Yii Application</title>   <h1>Hello, Yii!</h1>  </code>

Dies registriert das AppAsset -Bundle, das automatisch die angegebenen CSS- und JavaScript -Dateien im Abschnitt Ihres HTML -Abschnitts enth?lt.

Vorteile der Verwendung von YIIs Asset Manager über manuelle Inklusion

Die Verwendung von YIIs Asset Manager bietet mehrere Vorteile gegenüber manuell einschlie?lich Verm?genswerten:

• Organisation: Verm?genswerte werden in Bündel eingeteilt, wodurch Ihr Codebasis sauberer und leichter zu warten ist. Das Finden und Verwalten von Verm?genswerten wird erheblich einfacher.
• Wartbarkeit: ?nderungen an Verm?genswegen oder Abh?ngigkeiten werden in der Definition von Asset -Bundle zentral verwaltet, wodurch das Risiko von Fehlern beim Aktualisieren oder Wiederaufbauern verringert wird.
• Leistung: Der Asset -Manager von YII optimiert das Laden von Assets durch Merkmale wie Minifikation, Kombinieren und Zwischenspeichern, was zu schnelleren Seitenladezeiten führt.
• Abh?ngigkeitsverwaltung: Die depends Eigenschaft stellt sicher, dass die erforderlichen Verm?genswerte automatisch enthalten sind, um Konflikte zu vermeiden und die korrekte Funktionalit?t zu gew?hrleisten.
• Versioning und Caching: Der Asset -Manager kümmert sich automatisch mit der Versionierung und dem Caching von Assets, reduziert die Serverlast und die Verbesserung der Leistung. Dies ist besonders wichtig für h?ufig zugegriffene Verm?genswerte.

Optimierung der Ladeleistung von Asset mit dem Asset Manager von YII.

Der Asset Manager von YII bietet mehrere Mechanismen zur Optimierung der Ladeleistung der Anlage:

• Minifikation: Sie k?nnen den Asset -Manager so konfigurieren, dass Sie Ihre CSS- und JavaScript -Dateien w?hrend des Erstellungsprozesses automatisch minifieren, deren Dateigr??e reduzieren und die Ladezeiten verbessern. Dies kann durch Erweiterungen oder benutzerdefinierte Konfiguration erfolgen.
• Kombinieren: Verm?genswerte in einem Bundle k?nnen zu weniger Dateien kombiniert werden, wodurch die Anzahl der HTTP -Anforderungen reduziert werden, die zum Laden aller Verm?genswerte erforderlich sind. Dies verbessert die Seitenlastgeschwindigkeit erheblich.
• Caching: Der Asset Manager nutzt das Caching, um eine redundante Verarbeitung zu vermeiden und die Leistung zu verbessern. Assets werden auf dem Server und der Client-Seite zwischengespeichert, wodurch die Last auf dem Server reduziert und nachfolgende Anforderungen beschleunigt werden.
• Komprimierung: Die GZIP -Komprimierung kann auf Serverebene aktiviert werden, um die Gr??e der über das Netzwerk übertragenen Verm?genswerte weiter zu verringern.
• Asynchrones Laden: Sie k?nnen Assets asynchron laden, um zu verhindern, dass das Rendering des Seiteninhalts blockiert und die wahrgenommene Leistung für Benutzer verbessert wird. Dies kann erreicht werden, indem Ihre <script></script> -Tags sorgf?ltig platziert oder erweiterte Techniken wie die Codeaufteilung verwendet werden.

Umgang mit Verm?genswerten aus verschiedenen Bündeln oder Standorten

Der Asset -Manager von YII unterstützt leicht die Verwaltung von Verm?genswerten aus verschiedenen Bündeln und Standorten. Sie k?nnen mehrere Asset -Bündel in Ihrer Ansicht registrieren, und jedes Bundle kann einen eigenen Quellpfad und Abh?ngigkeiten haben. Dies erm?glicht einen modularen Ansatz zur Verwaltung von Verm?genswerten.

Für Verm?genswerte in verschiedenen Verzeichnissen oder sogar externen Quellen (z. B. ein CDN) passen Sie einfach die basePath und baseUrl -Eigenschaften Ihrer Verm?gensbündel entsprechend ein. Mit der depends Eigenschaft k?nnen Sie einen Abh?ngigkeitsbaum erstellen, um sicherzustellen, dass die Verm?genswerte in der richtigen Reihenfolge enthalten sind und Konflikte verhindern. Sie k?nnen auch $this->registerCssFile() und $this->registerJsFile() für einzelne Dateien verwenden, die nicht zu einem Bundle geh?ren.

Durch die Nutzung dieser Funktionen k?nnen Sie das Laden von CSS- und JavaScript-Dateien in Ihren YII-Anwendungen effektiv verwalten und optimieren, was zu einer effizienteren und benutzerfreundlicheren Erfahrung führt.

Das obige ist der detaillierte Inhalt vonWie kann ich den Asset -Manager von YII verwenden, um CSS und JavaScript -Dateien zu verwalten?. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!