Yii核心組件AssetManager原理分析
本文我們通過(guò)yii自帶的demo-blog程序來(lái)分析Yii核心組件AssetManager,他可以自動(dòng)加載css和javascript,并且只需要一句代碼即可。具體分析如下:
打開(kāi)blog的首頁(yè),會(huì)看到如下的引入js的html代碼:
<link rel="stylesheet" type="text/css" href="/yii/demos/blog/assets/c2e28f0f/pager.css" />
<script type="text/javascript" src="/yii/demos/blog/assets/d6112c6a/jquery.min.js"></script>
<script type="text/javascript" src="/yii/demos/blog/assets/d6112c6a/jquery.ba-bbq.js"></script>
這些js文件的路徑都在assets文件夾下,assets后面跟著一個(gè)顯然經(jīng)過(guò)hash的文件夾路徑,同屬于jq的js代碼的路徑相同,這段代碼從何而來(lái)呢?
直接看view文件看不到任何引入js的代碼,因此應(yīng)該是使用widget引入的:
$this->widget('zii.widgets.CListView', array(
'dataProvider'=>$dataProvider,
'itemView'=>'_view',
'template'=>"{items}n{pager}",
));
?>
這個(gè)widget也是yii自帶的zii擴(kuò)展,于是乎我們可以找到zii的CListView代碼,而CListView又是繼承CBaseListView,因此先看CBaseListView的run方法:
{
$this->registerClientScript();
echo CHtml::openTag($this->tagName,$this->htmlOptions)."n";
$this->renderKeys();
$this->renderContent();
echo CHtml::closeTag($this->tagName);
}
請(qǐng)注意第一個(gè)方法registerClientScript,這個(gè)方法是在CListView中實(shí)現(xiàn)的:
{
……
$cs=Yii::app()->getClientScript();
$cs->registerCoreScript('jquery');
$cs->registerCoreScript('bbq');
……
}
看到j(luò)query和bbp似乎離真相近了些,接下來(lái)我們看CClientScript::registerCoreScript方法:
{
$this->_hasScripts=true;
$this->_coreScripts[$name]=$name;
$params=func_get_args();
$this->recordCachingAction('clientScript','registerCoreScript',$params);
}
這里其實(shí)主要是記錄了最終頁(yè)面要render的js,而實(shí)際生成render的url是通過(guò)getCoreScriptUrl方法:
{
if($this->_baseUrl!==null)
return $this->_baseUrl;
else
return $this->_baseUrl=Yii::app()->getAssetManager()->publish(YII_PATH.'/web/js/source');
}
接下來(lái)我們看看publish的具體過(guò)程:
{
if(is_file($src))
{
$dir=$this->hash($hashByName ? basename($src) : dirname($src));
$fileName=basename($src);
……
else if(is_dir($src))
{
$dir=$this->hash($hashByName ? basename($src) : $src);
$dstDir=$this->getBasePath().DIRECTORY_SEPARATOR.$dir;
……
}
這里通過(guò)對(duì)路徑做了hash處理,因此我們看到的路徑是不規(guī)則的,而由于jq系列的js代碼均在同一路徑下(都在framework/web/js/source下),所以hash值是相同的。
另外,除了如上所述,CAssetManager使得多個(gè)模塊可以復(fù)用相同的代碼制外,使用CAssetManager的另外一個(gè)好處是安全隔離,將真實(shí)的代碼放在受保護(hù)的路徑下,按需加載。
希望本文所述對(duì)大家基于yii框架的PHP程序設(shè)計(jì)有所幫助。
相關(guān)文章
PHP實(shí)現(xiàn)新型冠狀病毒疫情實(shí)時(shí)圖的實(shí)例
在本篇文章小編給大家分享一篇關(guān)于PHP新型冠狀病毒肺炎疫情實(shí)時(shí)圖源碼內(nèi)容,有興趣的朋友們可以本地測(cè)試下。2020-02-02thinkPHP實(shí)現(xiàn)將excel導(dǎo)入到數(shù)據(jù)庫(kù)中的方法
這篇文章主要介紹了thinkPHP實(shí)現(xiàn)將excel導(dǎo)入到數(shù)據(jù)庫(kù)中的方法,涉及thinkPHP結(jié)合PHPExcel插件操作excel與數(shù)據(jù)庫(kù)的相關(guān)技巧,需要的朋友可以參考下2016-04-04laravel返回統(tǒng)一格式錯(cuò)誤碼問(wèn)題
在使用yii和laravel的過(guò)程中,兩個(gè)框架對(duì)web-api都非常友好,也都對(duì)restful做了不同程度的支持,但是還是遇到了一些問(wèn)題,下面以laravel6.4為例,簡(jiǎn)單描述下我遇到的問(wèn)題,需要的朋友參考下吧2019-11-11thinkphp5.1驗(yàn)證碼及驗(yàn)證碼驗(yàn)證功能的實(shí)現(xiàn)詳解
這篇文章主要介紹了thinkphp5.1驗(yàn)證碼及驗(yàn)證碼驗(yàn)證功能的實(shí)現(xiàn)詳解,文中通過(guò)示例代碼介紹的非常詳細(xì),對(duì)大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價(jià)值,需要的朋友們下面隨著小編來(lái)一起學(xué)習(xí)學(xué)習(xí)吧2020-01-01php批量刪除操作(數(shù)據(jù)訪(fǎng)問(wèn))
這篇文章主要為大家詳細(xì)介紹了php批量刪除操作,批量刪除頁(yè)面和.除處理界面,具有一定的參考價(jià)值,感興趣的小伙伴們可以參考一下2017-05-05CI操作cookie的方法分析(基于helper類(lèi)庫(kù))
這篇文章主要介紹了CI操作cookie的方法,結(jié)合實(shí)例形式分析了CI使用helper類(lèi)庫(kù)的cookie類(lèi)庫(kù)實(shí)現(xiàn)操作cookie的相關(guān)技巧,需要的朋友可以參考下2016-03-03php批量更改數(shù)據(jù)庫(kù)表前綴實(shí)現(xiàn)方法
我們經(jīng)常會(huì)遇到替換或添加數(shù)據(jù)庫(kù)表前綴的問(wèn)題,通過(guò)數(shù)據(jù)庫(kù)導(dǎo)出,在記事本上批量更改,然后再導(dǎo)出,這也是一種方法,但是不夠方便2013-10-10php計(jì)算多個(gè)集合的笛卡爾積實(shí)例詳解
笛卡爾積又叫笛卡爾乘積,是一個(gè)叫笛卡爾的人提出來(lái)的。 簡(jiǎn)單的說(shuō)就是兩個(gè)集合相乘的結(jié)果。具體的定義要看看有關(guān)代數(shù)系的書(shū)的定義。這篇文章主要給大家介紹了利用php計(jì)算多個(gè)集合的笛卡爾積的方法實(shí)例,需要的朋友可以參考借鑒,下面來(lái)一起看看吧。2017-02-02