So führen Sie js-Dateien in yii2 ein

Frage:

Zum Beispiel erstelle ich CSS-Dateien und JS-Dateien im Webordner und erstelle Ressourcencontroller in Assets. Wie rufe ich also die Dateien web/css/test.css oder web/js/test/js auf, wenn ich mich in der Ansichtsebene befinde?

Die Methode lautet wie folgt:

1. Modulreferenz (auf allen Seiten dieses Moduls wird darauf verwiesen)

Yii2 verwendet die Ressourcenpaketklasse AssetBundle für die CSS/JS-Verwaltung .

(Empfohlenes Tutorial: yii-Framework )

(Hinweis: YII2 Basisversion asset/AppAsset.php, YII2 erweiterte Version frontend/assets/AppAsset.php, hier Take die Basisversion als Beispiel)

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;,
    ];
}

2. Um

in einer Ansichtsdatei zu referenzieren, fügen Sie einfach den folgenden Code zur Ansichtsdatei hinzu.

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

Wenn Sie mehr programmbezogene Inhalte erfahren möchten, beachten Sie bitte die Spalte Einführung in die Programmierung auf der chinesischen PHP-Website!

Das obige ist der detaillierte Inhalt vonSo führen Sie js-Dateien in yii2 ein. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!