Maison > cadre php > YII > le corps du texte

Comment introduire les fichiers js dans yii2

王林
Libérer: 2020-02-19 10:58:59
original
3066 Les gens l'ont consulté

Comment introduire les fichiers js dans yii2

Question :

Par exemple, je crée des fichiers CSS et des fichiers js dans le dossier Web, et je crée des contrôleurs de ressources dans les actifs. Alors, comment appeler le fichier web/css/test.css ou web/js/test/js lorsque je suis dans la couche d'affichage ?

La méthode est la suivante :

1. Référence du module (toutes les pages de ce module y feront référence)

Yii2 utilise la classe de package de ressources AssetBundle pour la gestion CSS/JS. .

(Tutoriel recommandé : yii framework )

(Remarque : YII2 version de base assets/AppAsset.php, YII2 version avancée frontend/assets/AppAsset.php, ici en prenant la version de base à titre d'exemple)

namespace app\assets;
use yii\web\AssetBundle;
/**
 * @author Qiang Xue <qiang.xue@gmail.com>
 * @since 2.0
 */
class AppAsset extends AssetBundle
{
    public $basePath = &#39;@webroot&#39;;
    public $baseUrl = &#39;@web&#39;;
    //全局css 在这个添加css文件
    public $css = [
        &#39;css/site.css&#39;,
        &#39;css/test.css&#39;,
    ];
    //全局js  在这里添加js文件
    public $js = [
        &#39;js/test.js&#39;,
    ];
    //依赖关系
    public $depends = [
        &#39;yii\web\YiiAsset&#39;,
        &#39;yii\bootstrap\BootstrapAsset&#39;,
    ];
}
Copier après la connexion

2. Pour référencer

dans un fichier de vue, ajoutez simplement le code suivant au fichier de vue.

//引用css文件,注意自己的文件路径
<?php $this->registerCssFile(&#39;css/test.css&#39;);?>
//引用js文件,注意自己的文件路径<span class="redactor-invisible-space"></span>
<?php $this->registerJsFile(&#39;js/test.js&#39;);?>
Copier après la connexion

Si vous souhaitez en savoir plus sur le contenu lié à la programmation, veuillez faire attention à la colonne Introduction à la programmation sur le site Web chinois de php !

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