如何在yii模块中添加脚本和样式表

时间:2012-10-19 07:27:24

标签: php yii

我是yii的新手。 我刚刚在yii中创建了一个模块  文件结构如下

 -yii
  -protected
     -modules
        -admin
           -controller
           -model
           -view
               -layout
                    -main.php
           -css
               -style.css
           -images
               -logo.jpg

我能够将布局设置为像这样

'modules'=>array(
    // uncomment the following to enable the Gii tool

           'admin'=>array(
                 'layoutPath' => 'protected/modules/admin/views/layouts',  ;

现在布局是从管理模块呈现的,问题是我无法使用

加载样式表
<link rel="stylesheet" type="text/css" href="<?php echo Yii::app()->request->baseUrl; ?>/protected/modules/admin/css/reset.css"  media="all">

有没有人知道在yii中加载样式表的正确方法

1 个答案:

答案 0 :(得分:10)

受保护文件夹下的所有内容确实受到保护,而且无法公开访问。

在您的情况下,您使用的是模块而您的文件位于受保护的文件夹中,您需要“发布”它们以便公开访问。 Yii中已发布内容的默认公用文件夹,称为“资产”。并且要发布我们将使用CAssetManager

首先创建一个文件夹,其中包含您需要公开访问的所有css,js和图像。将它命名为您想要的任何名称,但标准为“资产”,因此您的文件结构如下所示:

 -yii
  -protected
     -modules
        -admin
           -controller
           -model
           -view
               -layout
                    -main.php
           -assets
               -css
                   -style.css
               -js
               -images
                   -logo.jpg

在您的模块中,创建一个属性,用于存储已发布资产的公共网址,以及一种访问该网格的方法。

private $_assetsUrl;

public function getAssetsUrl()
{
    if ($this->_assetsUrl === null)
        $this->_assetsUrl = Yii::app()->getAssetManager()->publish(
            Yii::getPathOfAlias('admin.assets') );
    return $this->_assetsUrl;
}

然后您可以像这样访问您的资产:

<link rel="stylesheet"
         type="text/css"
         href="<?php echo $this->module->assetsUrl; ?>/css/main.css"/>
   ...
   <div id="logo">
   <?php echo CHtml::link(
                 CHtml::image($this->module->assetsUrl.'/images/logo.png'),
                 array('/xxii')); ?>
   </div>

Further reading