Maison > cadre php > YII > le corps du texte

Comment introduire les fichiers CSS et JS dans le framework Yii2

(*-*)浩
Libérer: 2019-12-18 14:59:48
original
2428 Les gens l'ont consulté

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!

Étiquettes associées:
source:php.cn
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
Tutoriels populaires
Plus>
Derniers téléchargements
Plus>
effets Web
Code source du site Web
Matériel du site Web
Modèle frontal