信息发布→ 登录 注册 退出

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() ?>

相关推荐:yii框架

标签:# YII  # 加载  # 按需  # 这是  # 具体操作  # basePath  # css  # js  # webroot  # baseUrl  # public  
在线客服
服务热线

服务热线

4008888355

微信咨询
二维码
返回顶部
×二维码

截屏,微信识别二维码

打开微信

微信号已复制,请打开微信添加咨询详情!