<?php
use yii\widgets\ActiveForm;
use yii\helpers\Html;
?>
<?php $form = ActiveForm::begin([&#39;id&#39; => &#39;login-form&#39;]); ?>

    <?= $form->field($model, &#39;username&#39;) ?>

    <?= $form->field($model, &#39;password&#39;)->passwordInput() ?>

    <div class="form-group">
        <?= Html::submitButton(&#39;Login&#39;) ?>
    </div><?php ActiveForm::end(); ?>

注意和呼叫 [[yiibaseWidget::widget()]] 傳回渲染結果不同， 呼叫 [[yiibaseWidget::begin()]] 方法傳回可組成小工具內容的小工具實例。

建立小部件

繼承 [[yiibaseWidget]] 類別並覆寫 [[yiibaseWidget::init()]] 和/或 [[yiibaseWidget::run()]] 方法可建立小部件。通常init()?方法處理小工具屬性，?run()?方法包含小工具產(chǎn)生渲染結果的程式碼。 渲染結果可在run()方法中直接"echoed"輸出或以字串傳回。

如下程式碼中HelloWidget編碼並顯示賦給message?屬性的值， 如果屬性沒有被賦值，預設??會顯示"Hello World"。

namespace app\components;
use yii\base\Widget;
use yii\helpers\Html;
class HelloWidget extends Widget{
   public $message;

   public function init()
   {
       parent::init();
       if ($this->message === null) {
           $this->message = 'Hello World';
       }
   }

   public function run()
   {
       return Html::encode($this->message);
   }}

使用這個小工具只需在視圖中簡單使用以下程式碼:

<?php
use app\components\HelloWidget;
?>
<?= HelloWidget::widget([&#39;message&#39; => &#39;Good morning&#39;]) ?>

以下是另一個可在begin()?和?end()呼叫中使用的HelloWidget，HTML編碼內容然後顯示。

namespace app\components;
use yii\base\Widget;
use yii\helpers\Html;
class HelloWidget extends Widget{
   public function init()
   {
       parent::init();
       ob_start();
   }

   public function run()
   {
       $content = ob_get_clean();
       return Html::encode($content);
   }}

如上所示，PHP輸出緩衝在init()啟動，所有在init()?和?run()方法之間的輸出內容都會被獲取，並在run()處理和返回。

補充: 當你呼叫[[yiibaseWidget::begin()]] 時會建立一個新的小部件實例並在建構結束時呼叫init()方法， 在end()時會呼叫run()方法並輸出返回結果。

如下程式碼顯示如何使用這種?HelloWidget:

<?php
use app\components\HelloWidget;
?>
<?php HelloWidget::begin(); ?>
       content that may contain <tag>&#39;s
<?php HelloWidget::end(); ?>

有時小部件需要渲染很多內容，更好的方法是將內容放入一個視圖文件，然後調用[[yiibaseWidget::render()]]方法渲染該檢視文件，例如：

public function run(){
    return $this->render('hello');}

小工具的檢視檔案預設儲存在WidgetPath/views目錄，WidgetPath代表小工具類別檔案所在的目錄。 假如上述範例小工具類別檔案在@app/components下，會渲染@app/components/views/hello.php視圖檔。 You may override 可以覆寫[[yiibaseWidget::getViewPath()]]方法自訂檢視檔案所在路徑。

最佳實踐

小部件是物件導向方式來重複使用視圖程式碼。

創(chuàng)建小部件時仍需要遵循MVC模式，通常邏輯代碼在小部件類，展示內容在視圖中。

小部件設計時應是獨立的，也就是說使用一個小部件時候，可以直接丟棄它而不需要額外的處理。 但是當小部件需要外部資源如CSS, JavaScript, 圖片等會比較棘手， 幸運的時候Yii提供 資源包 來解決這個問題。

當一個小部件只包含視圖代碼，它和視圖很相似， 實際上，在這種情況下，唯一的區(qū)別是小部件是可以重用類，視圖只是應用中使用的普通PHP腳本。