【yii1--CBreadcrumbs】使用導航詳解

關於使用框架中默認的導航，

在網上搜了好久，都沒有一個比較全面的解釋，

想了想，就研究研究源碼本身總結一個算了：

1、在main.php頁面佈局中，倒入使用導航麪包屑widget：CBreadcrumbs

<? $this->widget('zii.widgets.CBreadcrumbs', array(
    //導航最外層標籤名,默認div
    //'tagName'=>'div',
    //導航最外層div中的html
    'htmlOptions'=>['id'=>'location'],
    //修改第一項：首頁首頁按鈕的顯示
    'homeLink'=>"<img src='".assWeb()."img/prod/tit_bl01.jpg' alt='' >",
    //homeLink是否顯示純string,默認爲ture
    'encodeLabel'=>false,
    //homeLink的url
    'homeUrl'=>'/',
    //相連字符
    'separator'=>' &gt; ',
    //導航具體內容,設置在分頁面上
    'links'=>$this->breadcrumbs,
)); ?>    

2、在子頁面，好比須要的view中，設置具體內容

<?
$this->breadcrumbs=array(
    '科學體驗館'=>$this->createUrl('museum/index'),
    '展館介紹',
);
?>

完成。

---

 

這樣就達到了目前個人要求，生成結果以下：

<div id="location">
    <a href="/"><img src="/assets/web/img/prod/tit_bl01.jpg" alt=""></a> 
    &gt; 
    <a href="/museum/index">科學體驗館</a> 
    &gt; 
    <span>展館介紹</span>
</div>

其中，具體配置項目在第一點上設置便可，

須要注意的是，home相關設置，若是隻設置homeUrl的話，

默認會這樣：

<div class="breadcrumbs">
    <a href="/">Home</a> 
    » 
    <a href="/museum/index">科學體驗館</a> 
    » 
    <span>展館介紹</span>
</div>