Maison > cadre php > YII > Comment charger le fichier CSS Yii

Comment charger le fichier CSS Yii

藏色散人
Libérer: 2020-01-10 17:36:41
original
2022 Les gens l'ont consulté

Comment charger le fichier CSS Yii

Comment charger le fichier CSS yii ? À propos de l'introduction des fichiers CSS et JS dans Yii2 [version 2.0]

Dans yii2, en raison de la mise à niveau de la version yii2, de nombreuses utilisations de yii2 sont très différentes de yii1. La différence est que je me promène dans l'interface d'affichage de la couche d'affichage depuis quelques jours. Quels problèmes ai-je rencontrés ? Le problème est que je n’arrive pas à comprendre comment introduire les fichiers CSS et 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.

Apprentissage recommandé : framework yii

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 le fichier peut être importé via xxx Asset::register($this), mais maintenant j'ai de nouveau rencontré un problème lorsque j'ai rencontré ce code, il n'était pas valide et n'a pas fonctionné. Après avoir ouvert Firebug, le head. Aucun fichier CSS ou JS n'a été introduit et le style est devenu désordonné. Plus tard, j'ai vérifié les informations pertinentes et, par coïncidence, j'ai téléchargé un modèle de backend yii2 envoyé par quelqu'un d'autre, j'ai donc jeté un œil au backend ce matin. La présentation est résumée ci-dessous :

1. La chose la 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

comme ceci dans le HTML ci-dessous, de cette façon, vous n'avez pas besoin de toucher à d'autres fichiers, importez simplement ceux dont vous avez besoin. Bien sûr, si vous écrivez comme. cela, vous devez écrire beaucoup de lignes à chaque fois. Pour charger le code, il est préférable de l'écrire dans le fichier de configuration, mais je n'ai pas compris comment utiliser le fichier de configuration pour introduire ce problème. raison plus tard, je le partagerai avec tout le monde

2. La réception est présentée de cette façon, puis 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 ce layout a un répertoire appelé layouts à votre avis. Dans ce répertoire, j'ai créé un nouveau fichier Il s'appelle layout.php, dans lequel j'ajoute une ligne de code

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

pour que le contrôleur puisse le faire. trouvez automatiquement le fichier php qui charge le fichier de vue dans le répertoire layouts sous le répertoire de vue actuel. Les quelques lignes de code court ci-dessus résolvent 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. en écrivant des fichiers ***Asset.php, utilisez simplement ma méthode. Plus tard, vous pourrez utiliser d'autres méthodes après vous être familiarisé avec la méthode yii2 pour charger. De plus, j'ajouterai également comment accéder à d'autres fichiers de vue dans la vue. introduisez la bibliothèque de classes

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

en haut, puis écrivez comme ceci là où le saut de lien est nécessaire :

<?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:
yii
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