如何建立一個(gè)讓使用者提交資料的表單頁。該頁將顯示一個(gè)包含 name 輸入框和 email 輸入框的表單。當(dāng)提交這兩部分資訊後，頁面將會顯示使用者所輸入的資訊。? ? ? ? ?（建議學(xué)習(xí)：yii架構(gòu)）

為了實(shí)現(xiàn)這個(gè)目標(biāo)，除了建立一個(gè)操作和兩個(gè)視圖外，還需要建立一個(gè)模型。

透過本教學(xué)課程，你將會學(xué)到：

建立一個(gè)模型代表使用者透過表單輸入的資料

宣告規(guī)則去驗(yàn)證輸入的資料

在檢視中產(chǎn)生一個(gè)HTML 表單

建立模型

模型類別EntryForm 代表從使用者那請求的數(shù)據(jù)， 類別如下所示並儲存在models/EntryForm.php 檔案中。?

<?php

namespace app\models;

use Yii;
use yii\base\Model;

class EntryForm extends Model
{
    public $name;
    public $email;

    public function rules()
    {
        return [
            [[&#39;name&#39;, &#39;email&#39;], &#39;required&#39;],
            [&#39;email&#39;, &#39;email&#39;],
        ];
    }
}

此類別繼承自Yii 提供的一個(gè)基底類別?yii\base\Model， 此基底類別通常用來表示資料。

信息： yii\base\Model 被用于普通模型類的父類并與數(shù)據(jù)表無關(guān)。yii\db\ActiveRecord 通常是普通模型類的父類但與數(shù)據(jù)表有關(guān)聯(lián)（譯注：yii\db\ActiveRecord 類其實(shí)也是繼承自 yii\base\Model，增加了數(shù)據(jù)庫處理）。

EntryForm?類別包含?name?和?email?兩個(gè)公共成員， 用來儲存使用者輸入的資料。它也包含一個(gè)名為?rules()?的方法， 用來傳回資料驗(yàn)證規(guī)則的集合。上面聲明的驗(yàn)證規(guī)則表示：

name?和?email?值都是必須的

email?的值必須滿足email規(guī)則驗(yàn)證

如果你有一個(gè)處理用戶提交資料的EntryForm?對象， 你可以呼叫它的?validate()?方法觸發(fā)資料驗(yàn)證。如果有資料驗(yàn)證失敗，將把?hasErrors?屬性設(shè)為 ture， 想要知道具體發(fā)生什麼錯(cuò)誤就呼叫?getErrors。

<?php
$model = new EntryForm();
$model->name = &#39;Qiang&#39;;
$model->email = &#39;bad&#39;;
if ($model->validate()) {
    // 驗(yàn)證成功！
} else {
    // 失??！
    // 使用 $model->getErrors() 獲取錯(cuò)誤詳情
}

建立動作

下面你得在 site 控制器中建立一個(gè) entry 操作用於新建的模型。

<?php

namespace app\controllers;

use Yii;
use yii\web\Controller;
use app\models\EntryForm;

class SiteController extends Controller
{
    // ...現(xiàn)存的代碼...

    public function actionEntry()
    {
        $model = new EntryForm;

        if ($model->load(Yii::$app->request->post()) && $model->validate()) {
            // 驗(yàn)證 $model 收到的數(shù)據(jù)

            // 做些有意義的事 ...

            return $this->render(&#39;entry-confirm&#39;, [&#39;model&#39; => $model]);
        } else {
            // 無論是初始化顯示還是數(shù)據(jù)驗(yàn)證錯(cuò)誤
            return $this->render(&#39;entry&#39;, [&#39;model&#39; => $model]);
        }
    }
}

此操作首先建立了一個(gè) EntryForm 物件。然後嘗試從 $_POST 蒐集使用者提交的數(shù)據(jù)， 由 Yii 的 yii\web\Request::post() 方法負(fù)責(zé)蒐集。如果模型成功填入資料（也就是說使用者已經(jīng)提交了 HTML 表單）， 操作會呼叫 validate() 去確保使用者提交的是有效資料。

信息： 表達(dá)式 Yii::$app 代表應(yīng)用實(shí)例，它是一個(gè)全局可訪問的單例。 同時(shí)它也是一個(gè)服務(wù)定位器， 能提供 request，response，db 等等特定功能的組件。 在上面的代碼里就是使用 request 組件來訪問應(yīng)用實(shí)例收到的 $_POST 數(shù)據(jù)。

使用者提交表單後，操作將會渲染一個(gè)名為 entry-confirm 的視圖去確認(rèn)使用者輸入的資料。如果沒填表單就提交，或資料包含錯(cuò)誤（譯者：如 email 格式不對）， entry 視圖將會渲染輸出，連同表單一起輸出的還有驗(yàn)證錯(cuò)誤的詳細(xì)資訊。

注意： 在這個(gè)簡單範(fàn)例裡我們只是呈現(xiàn)了有效資料的確認(rèn)頁面。實(shí)務(wù)上你應(yīng)該考慮使用 refresh() 或 redirect() 去避免表單重複提交問題。

建立視圖 ?

最後建立兩個(gè)視圖檔案 entry-confirm 和 entry。他們會被剛才創(chuàng)建的 entry 操作渲染。

entry-confirm 視圖簡單地顯示提交的 name 和 email 資料。視圖檔案應(yīng)該保存在 views/site/entry-confirm.php。

<?php
use yii\helpers\Html;
?>
<p>You have entered the following information:</p>
<ul>
    <li><label>Name</label>: <?= Html::encode($model->name) ?></li>
    <li><label>Email</label>: <?= Html::encode($model->email) ?></li>
</ul>

entry 視圖顯示一個(gè) HTML 表單。視圖文件應(yīng)該保存在 views/site/entry.php。

<?php
use yii\helpers\Html;
use yii\widgets\ActiveForm;
?>
<?php $form = ActiveForm::begin(); ?>
    <?= $form->field($model, &#39;name&#39;) ?>
    <?= $form->field($model, &#39;email&#39;) ?>
    <div class="form-group">
        <?= Html::submitButton(&#39;Submit&#39;, [&#39;class&#39; => &#39;btn btn-primary&#39;]) ?>
    </div>
<?php ActiveForm::end(); ?>

用瀏覽器存取下面的 URL 看它能否運(yùn)作：

http://hostname/index.php?r=site/entry

你會看到一個(gè)包含兩個(gè)輸入框的表單的頁面。每個(gè)輸入框的前面都有一個(gè)標(biāo)籤來指明應(yīng)該輸入的資料類型。如果什麼都不填就點(diǎn)擊提交按鈕，或填入格式不正確的 email 位址，將會看到在對應(yīng)的輸入方塊下顯示錯(cuò)誤訊息。

輸入有效的 name 和 email 資訊並提交後， 將會看到一個(gè)顯示你所提交資料的確認(rèn)頁面。

以上是yii框架如何使用表單的詳細(xì)內(nèi)容。更多資訊請關(guān)注PHP中文網(wǎng)其他相關(guān)文章！