Comment introduire les fichiers CSS et JS dans le framework Yii-YII-php.cn

Comment introduire les fichiers CSS et JS dans le framework Yii

王林

Libérer： 2020-02-17 13:51:47

original

2003 Les gens l'ont consulté

Comment introduire les fichiers CSS et JS dans le framework Yii

1. Vous pouvez l'importer directement sur la page d'affichage

Comment introduire les fichiers CSS et JS dans le framework Yii

2. et le chemin est le répertoire du projet/web/css ou /js

<script src="js/nav.js"></script>

Copier après la connexion

Tutoriels recommandés : yii framework

3 Vous pouvez utiliser AssetBundle pour gérer les styles CSS et js. scripts

package de ressources Définition : basic/assets/AppAsset.php

<?php/**
 * @link http://www.yiiframework.com/
 * @copyright Copyright (c) 2008 Yii Software LLC
 * @license http://www.yiiframework.com/license/
 */
 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;;
    public $css = [
        &#39;css/site.css&#39;,
        &#39;css/base.css&#39;
    ];
    public $js = [
        &#39;js/sliders.js&#39;
    ];
    public $depends = [ //依赖包，没有可以不写
        &#39;yii\web\YiiAsset&#39;,
        &#39;yii\bootstrap\BootstrapAsset&#39;,  
    ];
 
    //定义按需加载JS方法，注意加载顺序在最后  
    public static function addScript($view, $jsfile) {  
        $view->registerJsFile($jsfile, [AppAsset::className(), &#39;depends&#39; => &#39;api\assets\AppAsset&#39;]);  
    }  
      
   //定义按需加载css方法，注意加载顺序在最后  
    public static function addCss($view, $cssfile) {  
        $view->registerCssFile($cssfile, [AppAsset::className(), &#39;depends&#39; => &#39;api\assets\AppAsset&#39;]);  
    }  }

Copier après la connexion

Écrire au début du fichier de vue :

<?php
use yii\helpers\Html;
use app\assets\AppAsset;
 AppAsset::register($this);
 ?>

Copier après la connexion

Jusqu'à présent, on peut tester sur le navigateur et constatez que les fichiers css et js ne sont pas introduits, veuillez noter ici, nous avons encore besoin de la dernière étape :

Nous devons ajouter du code au fichier de vue (Remarque : si nous utilisons le fichier de vue publique , nous pouvons l'ajouter au fichier de vue publique, sinon, nous pouvons le mettre sur une page séparée)

Comment introduire les fichiers CSS et JS dans le framework Yii

4 Il n'est pas nécessaire de définir des méthodes dans le package de ressources. manager, présentez-les simplement directement dans la page d'affichage

AppAsset::register($this);  
//css定义一样  
$this->registerCssFile(&#39;@web/css/font-awesome.min.css&#39;,[&#39;depends&#39;=>[&#39;api\assets\AppAsset&#39;]]);  
  
 $this->registerJsFile(&#39;@web/js/jquery-ui.custom.min.js&#39;,[&#39;depends&#39;=>[&#39;api\assets\AppAsset&#39;]]);  
 //$this->registerJsFile(&#39;@web/js/jquery-ui.custom.min.js&#39;,[&#39;depends&#39;=>[&#39;api\assets\AppAsset&#39;],&#39;position&#39;=>$this::POS_HEAD]);

Copier après la connexion

Mise à jour Pour en savoir plus sur le contenu lié à la programmation, veuillez visiter la colonne Tutoriel de programmation du site Web PHP chinois !

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!