【yii1--CBreadcrumbs】使用导航详解

关于使用框架中默认的导航，

在网上搜了很久，都没有一个比较全面的解释，

想了想，就研究研究源码自己总结一个算了：

一、在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,
)); ?>    

二、在子页面，比如需要的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>