当前位置:首页 > CMS教程 > 其它CMS > 列表

Yii2框架加载css和js文件的方法分析

发布:smiling 来源: PHP粉丝网  添加日期:2021-11-23 10:51:20 浏览: 评论:0 

这篇文章主要介绍了Yii2框架加载css和js文件的方法,结合实例形式简单分析了Yii框架加载css和js文件的相关操作技巧与注意事项,需要的朋友可以参考下。

本文实例讲述了Yii2框架加载css和js文件的方法,分享给大家供大家参考,具体如下:

1、第一步是要把我们的css、js文件放到web目录下

Yii2加载css Yii2加载js

2、第二步修改assets/AppAsset.php文件

  1. <?php 
  2. /** 
  3.  * @link http://www.yiiframework.com/ 
  4.  * @copyright Copyright (c) 2008 Yii Software LLC 
  5.  * @license http://www.yiiframework.com/license/ 
  6.  */ 
  7. namespace app\assets; 
  8. use yii\web\AssetBundle; 
  9. /** 
  10.  * @author Qiang Xue <qiang.xue@gmail.com> 
  11.  * @since 2.0 
  12.  */ 
  13. class AppAsset extends AssetBundle 
  14.   public $basePath = '@webroot'
  15.   public $baseUrl = '@web'
  16.   // public $css = [ 
  17.   //   'css/site.css', 
  18.   //   'bootstrap/css/bootstrap.min.css', 
  19.   // ]; 
  20.   // public $js = [ 
  21.   //   'jquery/jquery.min.js', 
  22.   //   'bootstrap/js/bootstrap.min.js' 
  23.   // ]; 
  24.   public function registerAssetFiles( $view ) 
  25.   { 
  26.     //加一个版本号 
  27.     //目的:使浏览器获取最新的文件 
  28.     $release = "20170226"
  29.     $this->css = [ 
  30.       "bootstrap/css/bootstrap.min.css?v={$release}" 
  31.     ]; 
  32.     $this->js = [ 
  33.        'jquery/jquery.min.js'
  34.        'bootstrap/js/bootstrap.min.js' 
  35.     ]; 
  36.     parent::registerAssetFiles( $view ); 
  37.   } 

两种加载方式,我们更推荐下面这种。

Tags: Yii2加载css Yii2加载js

分享到:

相关文章