组件

Yii+Bootstrap组合产生出的组件

注意 本页内容与官方不同,如果不喜请查看原版

首先的首先你得有一套Yii环境并已经有一套yii应用了 ,如果你还没有的话

下载 Yii

获取完整组件库源码并配置到你的应用程序环境中.

下载 Yii

Yii Framework 官方网站

GitHub项目地址

首先要把文件下载并解压到你项目中的extensions 目录下

下载 YiiBooster

获取完整组件库源码并配置到你的应用程序环境中.

下载 YiiBooster

GitHub项目地址

解压到protected/extensions/bootstrap, 你配置的路径 (Yii默认) 应该像这样:

  protected/
  └── extensions
        └── bootstrap
            ├── assets
            │   ├── css
            │ ├── img
            │ ├── js
            │ └── less
            ├── components
            │   Bootstrap.php
            └── widgets
                └── input
                

OK, 放好以后该配置组件了. 修改main.php 配置文件:

'preload' => array(
    ...
    'bootstrap',
    ...
 ),
'components' => array(
  ...
  'bootstrap' => array(
      'class' => 'ext.bootstrap.components.Bootstrap',
      'responsiveCss' => true,
  ),
  ...
),
 // YiiBooster includes all the features from its parent
 // project Yii-Bootstrap, thus its gii templates
 'modules' => array(
    ...
    'gii' => array(
       ...
       'generatorPaths' => array(
          'bootstrap.gii'
       ),
    ),
    ...
                

和你安装 Chris的NB的Yii-Bootstrap 扩展是一模一样的操作.

下面说点不一样的:

性能问题

在调试模式下,自动加载yiibooster,网页刷新很慢 booster组件核心类458行 https://github.com/clevertech/YiiBooster/blob/master/components/Bootstrap.php
public function getAssetsUrl()
{
if (isset($this->_assetsUrl))
return $this->_assetsUrl;
else
{
$assetsPath = Yii::getPathOfAlias('bootstrap.assets');
$assetsUrl = Yii::app()->assetManager->publish($assetsPath, false, -1, YII_DEBUG);
return $this->_assetsUrl = $assetsUrl;
}
}
                
这里publish assets目录默认第四个参数使用force copy了。 把YII_DEBUG改成false或者自己设置一个属性来配置是否强制复制

YiiBooster 包含了所有源自 Yii-Bootstrap 的组件并有所增加.

组件列表

YiiBooster 提供以下界面元素:

重要! 请注意, 尽管你可能已经注意到一些组件采用自出名的 jquery 插件, (ie. jeditable and its plugins) , 为了更适应库,有可能他已经被修改过 . 所以建议从YiiBooster库来更新他们.

去读文档获取信息、案例和代码片段.

查阅 YiiBooster 文档