Yii2 前端資源使用

2021-07-08 14:52:44 字數 1472 閱讀 9904

<?php

namespace

useyii\web\assetbundle;

class

extends

assetbundle

其中專案中公用的css 和 js 可以分別定義在cs

s,js中,對應路徑也支援@web等別名。

在布局layout/main.php(預設,可以定義其他布局檔案,然後在對應的controller中定義$layout = 『***』)中,

use
//定義按需載入js方法,注意載入順序在最後

public

static

function

addscript

($view, $jsfile)

//定義按需載入css方法,注意載入順序在最後

public

static

function

addcss

($view, $cssfile)

然後在檢視中,直接呼叫載入即可

$this

=>'']

);

public $depends = [

'yii\web\yiiasset',

'yii\bootstrap\bootstrapasset',

];

就說明依賴yiiasset和bootstrapasset,這兩個資源包是框架定義好的,我們可以看下具體內容就明白了

<?php

namespace

yii\web;

class

yiiasset

extends

assetbundle

這裡可以看到定義的是so

urce

path

,@yi

i/as

sets

指的的/

vend

or/y

iiso

ft/y

ii2/

asse

ts這裡

的路徑,

會發現這

裡恰好有

js中定義的yii.js,但是由於這裡的目錄是不能供web訪問的,所以框架會根據這裡的配置,將這裡的資源發布到web/assets/下面(或者建立鏈結的方式,具體可以配置,這裡不詳細描述)。

在來看$depends,這裡定義了依賴jqueryasset,其實就是依賴jquery.js的,具體也可以看jqueryasset就會明白。

class

jqueryasset

extends

assetbundle

所以根據依賴,框架會先載入jquery.js,然後是yii.js,最後是檢視載入的js。

yii2框架 yii2的asset資源包 十一

link license license use yii web assetbundle author qiang xue since 2.0 定義按需載入css方法,注意載入順序在最後 public static function addcss view,cssfile 將需要載入的檔案已陣列聚合...

使用yii2的appasset資源管理包

yii2.0對於css js 管理,使用assetbundle資源包類。namespace frontend assets useyii web assetbundle class extends assetbundle 定義按需載入css方法,注意載入順序在最後 public static fun...

Yii2 使用一 安裝

composer global require fxp composer asset plugin 1.0.0 beta4 composer create project prefer dist yiisoft yii2 basic basic 安裝過程中,由於超出github限額,以前提示輸入gi...