如何創(chuàng)建一個(gè)讓用戶提交數(shù)據(jù)的表單頁(yè)。 該頁(yè)將顯示一個(gè)包含 name 輸入框和 email 輸入框的表單。 當(dāng)提交這兩部分信息后，頁(yè)面將會(huì)顯示用戶所輸入的信息。 ? ? ? ? ?（推薦學(xué)習(xí)：yii框架）

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

通過(guò)本教程，你將會(huì)學(xué)到：

創(chuàng)建一個(gè)模型代表用戶通過(guò)表單輸入的數(shù)據(jù)

聲明規(guī)則去驗(yàn)證輸入的數(shù)據(jù)

在視圖中生成一個(gè) HTML 表單

創(chuàng)建模型

模型類 EntryForm 代表從用戶那請(qǐng)求的數(shù)據(jù)， 該類如下所示并存儲(chǔ)在 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， 該基類通常用來(lái)表示數(shù)據(jù)。

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

EntryForm 類包含 name 和 email 兩個(gè)公共成員， 用來(lái)儲(chǔ)存用戶輸入的數(shù)據(jù)。它還包含一個(gè)名為 rules() 的方法， 用來(lái)返回?cái)?shù)據(jù)驗(yàn)證規(guī)則的集合。上面聲明的驗(yàn)證規(guī)則表示：

name 和 email 值都是必須的

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

如果你有一個(gè)處理用戶提交數(shù)據(jù)的 EntryForm 對(duì)象， 你可以調(diào)用它的 validate() 方法觸發(fā)數(shù)據(jù)驗(yàn)證。 如果有數(shù)據(jù)驗(yàn)證失敗，將把 hasErrors 屬性設(shè)為 ture， 想要知道具體發(fā)生什么錯(cuò)誤就調(diào)用 getErrors。

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

創(chuàng)建動(dòng)作

下面你得在 site 控制器中創(chuàng)建一個(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 {
            // 無(wú)論是初始化顯示還是數(shù)據(jù)驗(yàn)證錯(cuò)誤
            return $this->render(&#39;entry&#39;, [&#39;model&#39; => $model]);
        }
    }
}

該操作首先創(chuàng)建了一個(gè) EntryForm 對(duì)象。然后嘗試從 $_POST 搜集用戶提交的數(shù)據(jù)， 由 Yii 的 yii\web\Request::post() 方法負(fù)責(zé)搜集。 如果模型被成功填充數(shù)據(jù)（也就是說(shuō)用戶已經(jīng)提交了 HTML 表單）， 操作將調(diào)用 validate() 去確保用戶提交的是有效數(shù)據(jù)。

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

用戶提交表單后，操作將會(huì)渲染一個(gè)名為 entry-confirm 的視圖去確認(rèn)用戶輸入的數(shù)據(jù)。 如果沒(méi)填表單就提交，或數(shù)據(jù)包含錯(cuò)誤（譯者：如 email 格式不對(duì)）， entry 視圖將會(huì)渲染輸出，連同表單一起輸出的還有驗(yàn)證錯(cuò)誤的詳細(xì)信息。

注意： 在這個(gè)簡(jiǎn)單例子里我們只是呈現(xiàn)了有效數(shù)據(jù)的確認(rèn)頁(yè)面。 實(shí)踐中你應(yīng)該考慮使用 refresh() 或 redirect() 去避免表單重復(fù)提交問(wèn)題。

創(chuàng)建視圖 ?

最后創(chuàng)建兩個(gè)視圖文件 entry-confirm 和 entry。 他們會(huì)被剛才創(chuàng)建的 entry 操作渲染。

entry-confirm 視圖簡(jiǎn)單地顯示提交的 name 和 email 數(shù)據(jù)。視圖文件應(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(); ?>

用瀏覽器訪問(wèn)下面的 URL 看它能否工作：

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

你會(huì)看到一個(gè)包含兩個(gè)輸入框的表單的頁(yè)面。每個(gè)輸入框的前面都有一個(gè)標(biāo)簽指明應(yīng)該輸入的數(shù)據(jù)類型。 如果什么都不填就點(diǎn)擊提交按鈕，或填入格式不正確的 email 地址，將會(huì)看到在對(duì)應(yīng)的輸入框下顯示錯(cuò)誤信息。

輸入有效的 name 和 email 信息并提交后， 將會(huì)看到一個(gè)顯示你所提交數(shù)據(jù)的確認(rèn)頁(yè)面。

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