Yii框架下配置最新版yii-bootstrap組件

bootstrap是一款優秀的開源UI框架,基於bootstrap和yii框架,我們可以不需要花費精力去關心前臺的UI界面實現,而能夠實現優美簡潔的Web開發,之所以寫這篇文章的原因是網上Yii下配置bootstrap組件的文章大多過時,而且不適於新手操作。

1.首先需要下載yii-bootstrap壓縮包,可以去 Yii 擴展網站下載,最新版本爲0.2

http://www.yiiframework.com/extension/yii-bootstrap/

2.將壓縮包解壓後複製到你的Yii工程的根目錄下,使protected、themes兩個文件夾合併

3.打開工程的控制器基類,一般爲 protected/components/Controller.php

在初始化方法內添加加載方法

1 <?php2 public function init() {3     $this->attachBehavior('bootstrap', new BController($this));4     ...5 }6 ?>

4.在工程的設置文件中添加如下代碼

 1 <?php 2 return array( // this row should already exist 3     ... 4     'theme'=>'bootstrap',  //使整個工程的主題爲默認的bootstrap 5     ... 6     'import' => array( 7         ... 8         'ext.bootstrap-theme.widgets.*', 9         'ext.bootstrap-theme.helpers.*',10         'ext.bootstrap-theme.behaviors.*',11     ),12     ...13     'modules' => array(14         ...15         'gii' => array(16             ...17             'generatorPaths'=>array(18                 'ext.bootstrap-theme.gii',19             ),20         ),21         ...22     ),23     ...24 );25 ?>

現在你可以隨意的使用Yii自帶的組件,bootstrap將會自動給你渲染,貼圖一張(Yii自動生成的默認App,沒做任何修改)


發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章