ホームページ  >  記事  >  PHPフレームワーク  >  yii2にjsファイルを導入する方法

yii2にjsファイルを導入する方法

王林
王林オリジナル
2020-02-19 10:58:593045ブラウズ

yii2にjsファイルを導入する方法

質問:

たとえば、Web フォルダーに css ファイルと js ファイルを作成し、アセットにリソース コントローラーを作成します。では、ビューレイヤーにいるときに web/css/test.css または web/js/test/js ファイルを呼び出すにはどうすればよいでしょうか?

メソッドは次のとおりです:

1. モジュール リファレンス (このモジュールのすべてのページがそれを参照します)

Yii2 は CSS/JS 管理に AssetBundle リソース パッケージ クラスを使用します。

(推奨チュートリアル: yii Framework)

(注: YII2 ベーシック バージョンのassets/AppAsset.php、YII2 アドバンスト バージョンのfrontend/assets/AppAsset.php、ここを参照してください)例として基本バージョン)

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. ビュー ファイルで

を参照するには、ビュー ファイルに次のコードを追加するだけです。

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

プログラミング関連のコンテンツをさらに学習したい場合は、php 中国語 Web サイトの プログラミング入門 コラムに注目してください。

以上がyii2にjsファイルを導入する方法の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。

声明:
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。