yii2 佈局文件 CSS JS layout asset使用

新建資源文件(JS CSS):

assets/文件夾名稱/資源文件名稱

        <?php
        	//assets/文件夾名稱
            namespace app\assets\gm;
            use app\assets\AppAsset;
            //繼承AppAsset
            class BsAsset extends AppAsset
            {
                public $css=[
                //CSS文件路徑
                ];
            
                public $js=[
                // JS文件路徑
                    'lab/jquery/jquery-2.1.4.min.js',
                    'js/vue2.6.11.js',
                ];
            
                public $depends=[
                ];
            }

使用資源文件

views/layouts/文件夾名稱/文件名稱

        <?php
            use app\assets\gm\BsAsset;
            BsAsset::register($this);
        ?>
        <?php $this->beginPage() ?>
            <!DOCTYPE html>
            <html lang="<?= Yii::$app->language ?>">
            <head>
                <meta charset="<?= Yii::$app->charset ?>">
            <!--<meta name="viewport" content="width=device-width, initial-scale=1">-->
            <!--不緩存瀏覽器數據-->
            <!--<meta http-equiv="pragma" content="no-cache" />-->
            <!-- <title>管理後臺</title>-->
                <?php $this->head() ?>
            </head>
            <?php $this->beginBody() ?>
            <?=$content?>
            <?php $this->endBody() ?>
            </html>
        <?php $this->endPage() ?>

佈局文件使用

//方案1:控制器內成員變量
public $layout = false; //不使用佈局
public $layout = "main"; //設置使用的佈局文件

//方案2:控制器成員方法內
$this->layout = false; //不使用佈局
$this->layout = "main"; //設置使用的佈局文件

//方案3:視圖中選擇佈局
$this->context->layout = false; //不使用佈局
$this->context->layout = 'main'; //設置使用的佈局文件
發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章