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

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

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

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. { 
15.   public $basePath = '@webroot'; 
16.   public $baseUrl = '@web'; 
17.   // public $css = [ 
18.   //   'css/site.css', 
19.   //   'bootstrap/css/bootstrap.min.css', 
20.   // ]; 
21.   // public $js = [ 
22.   //   'jquery/jquery.min.js', 
23.   //   'bootstrap/js/bootstrap.min.js' 
24.   // ]; 
25.   public function registerAssetFiles( $view ) 
26.   { 
27.     //加一个版本号 
28.     //目的：使浏览器获取最新的文件 
29.     $release = "20170226"; 
30.     $this->css = [ 
31.       "bootstrap/css/bootstrap.min.css?v={$release}" 
32.     ]; 
33.     $this->js = [ 
34.        'jquery/jquery.min.js', 
35.        'bootstrap/js/bootstrap.min.js' 
36.     ]; 
37.     parent::registerAssetFiles( $view ); 
38.   } 
39. } 

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

Tags: Yii2加载css Yii2加载js

分享到：