ホームページ  >  記事  >  バックエンド開発  >  Yii2 Advanced Editionにbootstrap.jsを導入するサンプルコードの詳細説明

Yii2 Advanced Editionにbootstrap.jsを導入するサンプルコードの詳細説明

黄舟
黄舟オリジナル
2017-03-22 09:10:261963ブラウズ

この記事では主に、bootstrap.jsをYii2の上級版に導入する方法について詳しく説明していますので、一定の参考価値があり、興味のある方は参考にしてください。

frontend/assets/AppAsset.php内

コードサンプル

namespace frontend\assets;

use yii\web\AssetBundle;

/**
 * Main frontend application asset bundle.
 */
class AppAsset extends AssetBundle
{
  public $basePath = '@webroot';
  public $baseUrl = '@web';
  public $css = [
    'css/site.css',
  ];
  public $js = [
    'js/main.js',
  ];
  public $depends = [
    'yii\web\YiiAsset',
    'yii\bootstrap\BootstrapAsset',//注意这里必须要有
    'rmrevin\yii\fontawesome\AssetBundle',
  ];
}

vendor/yiisoft/yii2-bootstrap/BootstrapAsset.phpファイル内

namespace yii\bootstrap;

use yii\web\AssetBundle;

/**
 * Asset bundle for the Twitter bootstrap css files.
 *
 * @since 2.0
 */
class BootstrapAsset extends AssetBundle
{
  public $sourcePath = '@bower/bootstrap/dist';
  public $css = [
    'css/bootstrap.css',
  ];
  //下面是增加的代码
  public $js = [
    'js/bootstrap.js',
  ];
}

OK

以上がYii2 Advanced Editionにbootstrap.jsを導入するサンプルコードの詳細説明の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。

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