Heim PHP-Framework YII So führen Sie CSS- und JS-Dateien in das Yii2-Framework ein

So führen Sie CSS- und JS-Dateien in das Yii2-Framework ein

Dec 18, 2019 pm 02:59 PM
yii2

So führen Sie CSS- und JS-Dateien in das Yii2-Framework ein

Aufgrund des Upgrades der yii2-Version unterscheiden sich viele Verwendungen von yii2 stark von denen von yii1. Ich bin in den letzten Tagen durch die Ansichtsoberfläche der Ansichtsebene gewandert und stieß auf Was ist das Problem? (Empfohlenes Lernen: YII-Framework )

Die Frage ist, dass ich nicht herausfinden kann, wie ich CSS und eine JS-Datei einführen kann! Ich habe auch die Tutorials anderer erfahrener Meister in der Community gelesen und ihnen gefolgt, aber es gibt immer noch einige Probleme. Nach dem Öffnen des yii2-Projekts sind beispielsweise der Header und das Tail öffentlich.

Und wie man JS- und CSS-Dateien einführt, ohne die ursprüngliche Datei main.php zu ändern. Vielleicht besteht eine Möglichkeit darin, eine Konfigurationsdatei von xxxAsset.php zu schreiben und dann xxx Asset::register($ this) zu übergeben Importdateien, aber jetzt bin ich wieder auf ein Problem gestoßen, es war ungültig und funktionierte nicht. Nach dem Öffnen von Firebug wurden keine CSS- oder JS-Dateien in den Kopf importiert und die Stile wurden unordentlich.

Später habe ich die relevanten Informationen überprüft und zufällig eine von jemand anderem gepostete yii2-Backend-Vorlage heruntergeladen. Deshalb habe ich mir heute Morgen das Layout des Backend-Stils angesehen und es zusammengefasst:

1. In der Vorderansicht ist es am einfachsten, die Dateien wie zuvor einzeln einzuführen. Verwenden Sie daher oben, um das Codesegment

use yii\helpers\Html;
Nach dem Login kopieren

< aufzurufen 🎜>Dann können Sie

<?=Html::jsFile(&#39;@web/***/js/***.js&#39;)?>//这里***代表你的目录名或者文件名
<?=Html::cssFile(&#39;@web/***/css/***.css&#39;)?>//***同上
Nach dem Login kopieren

im folgenden HTML wie folgt aufrufen. Wenn ja, müssen Sie jedes Mal viele Codezeilen schreiben, um sie zu laden die Konfigurationsdatei.

Aber ich habe nicht herausgefunden, wie ich die Konfigurationsdatei verwenden kann, um dieses Problem einzuleiten. Wenn ich den Grund später finde, werde ich ihn allen mitteilen 2. Die Rezeption ist Auf diese Weise eingeführt, wie kann man also die Stildatei im Controller anpassen? Neue Datei mit dem Namen „layout.php“, in der ich einen Code

public $layout = &#39;layout&#39;;//在类中定义一个变量,名为$layout
Nach dem Login kopieren

hinzugefügt habe, damit der Controller die Ladeansicht automatisch im Layoutverzeichnis unter dem aktuellen Ansichtsverzeichnis findet. Die wenigen Zeilen Kurzcode über der PHP-Datei der Datei lösen das Problem, dass Anfänger nicht wissen, wie man CSS- und JS-Dateien lädt. Wenn Sie glauben, dass es Probleme beim Schreiben von ***Asset.php-Dateien geben wird, verwenden Sie meine Methode. Später, nachdem ich mich mit yii2 vertraut gemacht habe Weitere Methoden zum Laden. Außerdem werde ich hinzufügen, wie man zu anderen Ansichtsdateien in der Ansicht springt. Stellen Sie außerdem oben die Klassenbibliothek vor springen:

<?php echo $content; ?>
Nach dem Login kopieren

Das obige ist der detaillierte Inhalt vonSo führen Sie CSS- und JS-Dateien in das Yii2-Framework ein. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!

Erklärung dieser Website
Der Inhalt dieses Artikels wird freiwillig von Internetnutzern beigesteuert und das Urheberrecht liegt beim ursprünglichen Autor. Diese Website übernimmt keine entsprechende rechtliche Verantwortung. Wenn Sie Inhalte finden, bei denen der Verdacht eines Plagiats oder einer Rechtsverletzung besteht, wenden Sie sich bitte an admin@php.cn

Heiße KI -Werkzeuge

Undresser.AI Undress

Undresser.AI Undress

KI-gestützte App zum Erstellen realistischer Aktfotos

AI Clothes Remover

AI Clothes Remover

Online-KI-Tool zum Entfernen von Kleidung aus Fotos.

Undress AI Tool

Undress AI Tool

Ausziehbilder kostenlos

Clothoff.io

Clothoff.io

KI-Kleiderentferner

AI Hentai Generator

AI Hentai Generator

Erstellen Sie kostenlos Ai Hentai.

Heißer Artikel

R.E.P.O. Energiekristalle erklärten und was sie tun (gelber Kristall)
1 Monate vor By 尊渡假赌尊渡假赌尊渡假赌
R.E.P.O. Beste grafische Einstellungen
1 Monate vor By 尊渡假赌尊渡假赌尊渡假赌
Will R.E.P.O. Crossplay haben?
1 Monate vor By 尊渡假赌尊渡假赌尊渡假赌

Heiße Werkzeuge

Notepad++7.3.1

Notepad++7.3.1

Einfach zu bedienender und kostenloser Code-Editor

SublimeText3 chinesische Version

SublimeText3 chinesische Version

Chinesische Version, sehr einfach zu bedienen

Senden Sie Studio 13.0.1

Senden Sie Studio 13.0.1

Leistungsstarke integrierte PHP-Entwicklungsumgebung

Dreamweaver CS6

Dreamweaver CS6

Visuelle Webentwicklungstools

SublimeText3 Mac-Version

SublimeText3 Mac-Version

Codebearbeitungssoftware auf Gottesniveau (SublimeText3)

Was sind die besten Praktiken für die Verwendung von YII in einer Cloud-nativen Umgebung? Was sind die besten Praktiken für die Verwendung von YII in einer Cloud-nativen Umgebung? Mar 18, 2025 pm 04:39 PM

In dem Artikel werden Best Practices für die Bereitstellung von YII-Anwendungen in Cloud-nativen Umgebungen erörtert und sich auf Skalierbarkeit, Zuverlässigkeit und Effizienz durch Containerisierung, Orchestrierung und Sicherheitsmaßnahmen konzentriert.

Was sind die wichtigsten Überlegungen für die Verwendung von YII in einer serverlosen Architektur? Was sind die wichtigsten Überlegungen für die Verwendung von YII in einer serverlosen Architektur? Mar 18, 2025 pm 04:33 PM

In dem Artikel werden wichtige Überlegungen zur Verwendung von YII in serverlosen Architekturen erörtert, wobei der Schwerpunkt auf Staatenlosigkeit, Kaltstarts, Funktionsgröße, Datenbankinteraktionen, Sicherheit und Überwachung liegt. Es deckt auch Optimierungsstrategien und potenzielle Integration ab

Was sind die besten Strategien für das Testen von YII -Anwendungen mit Codecception? Was sind die besten Strategien für das Testen von YII -Anwendungen mit Codecception? Mar 18, 2025 pm 04:27 PM

In dem Artikel werden Strategien zum Testen von YII-Anwendungen mithilfe von Codecception erörtert, wobei der Schwerpunkt auf integrierten Modulen, BDD, verschiedenen Testtypen, Verspottung, CI-Integration und Codeabdeckung liegt.

Was sind die wichtigsten Merkmale des integrierten Test-Frameworks von YII? Was sind die wichtigsten Merkmale des integrierten Test-Frameworks von YII? Mar 18, 2025 pm 04:41 PM

Das integrierte Test-Framework von YII verbessert die Anwendungstests mit Funktionen wie Phpunit-Integration, Fixture-Management und Unterstützung für verschiedene Testtypen, Verbesserung der Codequalität und Entwicklungspraktiken.

Wie implementieren Sie Echtzeitdatensynchronisation mit YII und Websockets? Wie implementieren Sie Echtzeitdatensynchronisation mit YII und Websockets? Mar 18, 2025 pm 04:34 PM

In dem Artikel wird die Implementierung der Echtzeitdatensynchronisation mithilfe von YII und Websockets erörtert, wobei die Setup, Integration und Best Practices für Leistung und Sicherheit behandelt werden.

Was sind die wichtigsten Vorteile der Verwendung von YII für den Bau von SaaS -Anwendungen? Was sind die wichtigsten Vorteile der Verwendung von YII für den Bau von SaaS -Anwendungen? Mar 18, 2025 pm 04:25 PM

In dem Artikel werden die Vorteile von YII für die SaaS-Entwicklung erörtert, die sich auf Leistung, Sicherheit und schnelle Entwicklungsmerkmale konzentriert, um die Skalierbarkeit zu verbessern und Zeit-auf-Markt zu verkürzen.

Wie baue ich ein Echtzeit-Geolocation-Tracking-System mit YII auf? Wie baue ich ein Echtzeit-Geolocation-Tracking-System mit YII auf? Mar 18, 2025 pm 04:40 PM

In Artikel wird das Erstellen von Geolocation-Tracking in Echtzeit mit YII, die Abdeckung von Setup, Datenbankdesign und Sicherheit erläutert. Der Schwerpunkt liegt auf Integration und Best Practices für Datenschutz und Sicherheit.

So implementieren Sie Service -Erkennung und Lastausgleich in YII -Microservices? So implementieren Sie Service -Erkennung und Lastausgleich in YII -Microservices? Mar 18, 2025 pm 04:30 PM

In dem Artikel wird in der Implementierung der Serviceermittlung und des Lastausgleichs in YII -Microservices beschrieben, in denen Schritte und Best Practices für eine effiziente Kommunikation und Arbeitsbelastungsverteilung detailliert werden.

See all articles