Maison cadre php YII Comment introduire les fichiers CSS et JS dans le framework Yii2

Comment introduire les fichiers CSS et JS dans le framework Yii2

Dec 18, 2019 pm 02:59 PM
yii2

Comment introduire les fichiers CSS et JS dans le framework Yii2

Dans yii2, en raison de la mise à niveau de la version yii2, de nombreuses utilisations de yii2 sont très différentes de yii1. Je me promène dans l'interface d'affichage de la couche d'affichage depuis quelques jours et. rencontré Quel est le problème ? (Apprentissage recommandé : framework YII )

La question est que je n'arrive pas à comprendre comment introduire le fichier CSS, js ! J'ai également lu les tutoriels d'autres maîtres expérimentés de la communauté et les ai suivis, mais il y a encore quelques problèmes, par exemple, après l'ouverture du projet yii2, l'en-tête et la queue sont publics.

Et comment introduire les fichiers JS et CSS sans modifier le fichier main.php d'origine. Une solution consiste peut-être à écrire un fichier de configuration de xxxAsset.php, puis à transmettre xxx Asset::register($ this) can. importer des fichiers, mais maintenant j'ai rencontré à nouveau un problème. Lorsque j'ai rencontré ce code, il n'était pas valide et ne fonctionnait pas. Après l'ouverture de Firebug, aucun fichier CSS ou JS n'a été importé dans la tête et les styles sont devenus désordonnés.

Plus tard, j'ai vérifié les informations pertinentes et, par coïncidence, j'ai téléchargé un modèle de backend yii2 publié par quelqu'un d'autre. Alors, ce matin, j'ai jeté un œil à la présentation du style du backend et je l'ai résumé :

.

1. Le plus simple dans la vue de face est d'introduire les fichiers un par un comme avant, utilisez donc use en haut pour appeler le segment de code

use yii\helpers\Html;
Copier après la connexion

Ensuite, vous pouvez appeler

<?=Html::jsFile(&#39;@web/***/js/***.js&#39;)?>//这里***代表你的目录名或者文件名
<?=Html::cssFile(&#39;@web/***/css/***.css&#39;)?>//***同上
Copier après la connexion

dans le Html suivant comme celui-ci. Si c'est le cas, vous devez écrire beaucoup de lignes de code à charger à chaque fois. le fichier de configuration. Mais je n'ai pas compris comment utiliser le fichier de configuration pour introduire ce problème. Si je trouve la raison plus tard, je la partagerai avec tout le monde

2. La réception est. introduit de cette manière, alors comment personnaliser le fichier de style dans le contrôleur ? Ajoutez le code suivant dans le contrôleur

public $layout = &#39;layout&#39;;//在类中定义一个变量,名为$layout
Copier après la connexion

Notez que cette mise en page a un répertoire appelé layouts à votre avis, dans ce répertoire, j'ai créé un nouveau fichier nommé layout.php, dans lequel j'ai ajouté le code

<?php echo $content; ?>
Copier après la connexion

pour que le contrôleur trouve automatiquement la vue de chargement dans le répertoire layouts sous le répertoire de la vue actuelle. Les quelques lignes de code court au dessus du fichier php. du fichier résout le problème des novices qui ne savent pas comment charger les fichiers CSS et JS. Si vous pensez qu'il y aura des problèmes pour écrire des fichiers ***Asset.php, utilisez simplement ma méthode. Plus tard, après m'être familiarisé avec yii2, j'ai changé. à d'autres méthodes de chargement, j'ajouterai que la façon de sauter et de créer des liens vers d'autres fichiers de vue dans la vue est également présentée en haut de la bibliothèque de classes

use yii\helpers\Url;
Copier après la connexion

Ensuite, écrivez ceci là où vous. besoin du lien pour sauter :

<?phpecho Url::toRoute(&#39;post/index&#39;);?>//post为你的当前控制器名,index为view模版
Copier après la connexion

Ce qui précède est le contenu détaillé de. pour plus d'informations, suivez d'autres articles connexes sur le site Web de PHP en chinois!

Déclaration de ce site Web
Le contenu de cet article est volontairement contribué par les internautes et les droits d'auteur appartiennent à l'auteur original. Ce site n'assume aucune responsabilité légale correspondante. Si vous trouvez un contenu suspecté de plagiat ou de contrefaçon, veuillez contacter admin@php.cn

Outils d'IA chauds

Undresser.AI Undress

Undresser.AI Undress

Application basée sur l'IA pour créer des photos de nu réalistes

AI Clothes Remover

AI Clothes Remover

Outil d'IA en ligne pour supprimer les vêtements des photos.

Undress AI Tool

Undress AI Tool

Images de déshabillage gratuites

Clothoff.io

Clothoff.io

Dissolvant de vêtements AI

AI Hentai Generator

AI Hentai Generator

Générez AI Hentai gratuitement.

Article chaud

R.E.P.O. Crystals d'énergie expliqués et ce qu'ils font (cristal jaune)
1 Il y a quelques mois By 尊渡假赌尊渡假赌尊渡假赌
R.E.P.O. Meilleurs paramètres graphiques
1 Il y a quelques mois By 尊渡假赌尊渡假赌尊渡假赌
Will R.E.P.O. Vous avez un jeu croisé?
1 Il y a quelques mois By 尊渡假赌尊渡假赌尊渡假赌

Outils chauds

Bloc-notes++7.3.1

Bloc-notes++7.3.1

Éditeur de code facile à utiliser et gratuit

SublimeText3 version chinoise

SublimeText3 version chinoise

Version chinoise, très simple à utiliser

Envoyer Studio 13.0.1

Envoyer Studio 13.0.1

Puissant environnement de développement intégré PHP

Dreamweaver CS6

Dreamweaver CS6

Outils de développement Web visuel

SublimeText3 version Mac

SublimeText3 version Mac

Logiciel d'édition de code au niveau de Dieu (SublimeText3)

Quelles sont les meilleures pratiques pour utiliser YII dans un environnement natif du cloud? Quelles sont les meilleures pratiques pour utiliser YII dans un environnement natif du cloud? Mar 18, 2025 pm 04:39 PM

L'article traite des meilleures pratiques pour déployer des applications YII dans des environnements natifs du cloud, en se concentrant sur l'évolutivité, la fiabilité et l'efficacité par la conteneurisation, l'orchestration et les mesures de sécurité.

Quelles sont les principales considérations pour l'utilisation de YII dans une architecture sans serveur? Quelles sont les principales considérations pour l'utilisation de YII dans une architecture sans serveur? Mar 18, 2025 pm 04:33 PM

L'article traite des considérations clés pour l'utilisation de YII dans des architectures sans serveur, en se concentrant sur l'état, les démarrages à froid, la taille de la fonction, les interactions de base de données, la sécurité et la surveillance. Il couvre également les stratégies d'optimisation et les intégrati potentiels

Quelles sont les meilleures stratégies pour tester les applications YII avec CodeCeception? Quelles sont les meilleures stratégies pour tester les applications YII avec CodeCeception? Mar 18, 2025 pm 04:27 PM

L'article traite des stratégies pour tester les applications YII à l'aide de CodeCeception, en se concentrant sur l'utilisation de modules intégrés, BDD, différents types de tests, moquerie, intégration CI et couverture de code.

Quelles sont les principales caractéristiques du cadre de test intégré de YII? Quelles sont les principales caractéristiques du cadre de test intégré de YII? Mar 18, 2025 pm 04:41 PM

Le framework de test intégré de YII améliore les tests d'application avec des fonctionnalités telles que l'intégration du phpunit, la gestion des fixations et la prise en charge de divers types de tests, améliorant la qualité du code et les pratiques de développement.

Comment implémenter la synchronisation des données en temps réel avec YII et WebSockets? Comment implémenter la synchronisation des données en temps réel avec YII et WebSockets? Mar 18, 2025 pm 04:34 PM

L'article discute de la mise en œuvre de la synchronisation des données en temps réel à l'aide de YII et WebSockets, couvrant la configuration, l'intégration et les meilleures pratiques de performance et de sécurité.

Quels sont les principaux avantages de l'utilisation de YII pour construire des applications SaaS? Quels sont les principaux avantages de l'utilisation de YII pour construire des applications SaaS? Mar 18, 2025 pm 04:25 PM

L'article traite des avantages de YII pour le développement du SaaS, en se concentrant sur la performance, la sécurité et les caractéristiques de développement rapide pour améliorer l'évolutivité et réduire le délai de commercialisation.

Comment construire un système de suivi de géolocalisation en temps réel avec YII? Comment construire un système de suivi de géolocalisation en temps réel avec YII? Mar 18, 2025 pm 04:40 PM

L'article discute de la construction de suivi de la géolocalisation en temps réel avec YII, couvrant la configuration, la conception de la base de données et la sécurité. L'accent principal est sur l'intégration et les meilleures pratiques pour la confidentialité et la sécurité des données.

Comment implémenter la découverte de services et l'équilibrage de chargement dans les microservices YII? Comment implémenter la découverte de services et l'équilibrage de chargement dans les microservices YII? Mar 18, 2025 pm 04:30 PM

L'article examine la mise en œuvre de la découverte de services et de l'équilibrage de charge dans les microservices YII, de détail des étapes et des meilleures pratiques pour une communication efficace et une distribution de charge de travail.

See all articles