yii2框架如何加载静态资源

发布时间：2020-12-30 | 点击率：

具体操作如下：

（学习视频分享：编程视频）

1、在 assets/AppAsset 里定义方法


 * @since 2.0
 */
class AppAsset extends AssetBundle
{
    public $basePath = '@webroot';
    public $baseUrl = '@web';
 
    // 全局
    public $css = [
        
    ];
 
    // 全局
    public $js = [
        
    ];
 
    public $depends = [
        // 'yii\web\YiiAsset',
        // 'yii\bootstrap\BootstrapAsset',  // 注释掉禁用bootstrap
    ];
 
    // 这是设置所有js放置的位置 
    public $jsOptions = [  
        'position' => \yii\web\View::POS_HEAD,    
    ]; 
 
    //定义按需加载JS方法
    public static function addJs($view, $jsfile) { 
        $view->registerJsFile(
            $jsfile, 
            [
                AppAsset::className(), 
                "depends" => "app\assets\AppAsset"
            ]
        ); 
    } 
 
    //定义按需加载css方法
    public static function addCss($view, $cssfile) { 
        $view->registerCssFile(
            $cssfile, 
            [
                AppAsset::className(), 
                "depends" => "app\assets\AppAsset"
            ]
        ); 
    } 
 
}

2、在view里调用

request->baseUrl."/css/site.css");
// 按需加载js
AppAsset::addJs($this, Yii::$app->request->baseUrl."/js/respond.min.js");
 
?>
beginPage() ?>



    
    
    
    
    <?= Html::encode($this->title) ?>
    head() ?>


beginBody() ?>
 
        
    
 
endBody() ?>


endPage() ?>