> Phalcon3中文手册 > 表单(Forms)

表单(Forms)¶

Phalcon中提供了 Phalcon\Forms 组件以方便开发者创建和维护应用中的表单。

下面的例子中展示了基本的使用方法:

<?PHP

use Phalcon\Forms\Form;
use Phalcon\Forms\Element\Text;
use Phalcon\Forms\Element\Select;

$form = new Form();

$form->add(new Text("name"));

$form->add(new Text("telephone"));

$form->add(
    new Select(
        "telephoneType",
        array(
            'H' => 'Home',
            'C' => 'Cell'
        )
    )
);

可在表单定义时穿插使用表单元素的字义:

<h1>Contacts</h1>

<form method="post">

    <p>
        <label>Name</label>
        <?php echo $form->render("name"); ?>
    </p>

    <p>
        <label>Telephone</label>
        <?php echo $form->render("telephone"); ?>
    </p>

    <p>
        <label>Type</label>
        <?php echo $form->render("telephoneType"); ?>
    </p>

    <p>
        <input type="submit" value="Save" />
    </p>

</form>

开发者可根据需要渲染HTML组件。 当使用render()函数时, phalcon内部会使用 Phalcon\Tag 生成相应的html项, 第二个参数中可以对一些属性进行设置。

<p>
    <label>Name</label>
    <?php echo $form->render("name", array('maxlength' => 30, 'placeholder' => 'Type your name')); ?>
</p>

HTML的属性也可以在创建时指定:

<?php

$form->add(
    new Text(
        "name",
        array(
            'maxlength'   => 30,
            'placeholder' => 'Type your name'
        )
    )
);

表单元素(Forms Elements)¶

所有 Phalcon\Tag 支持的 HTML 元素,都可以作为表单元素来使用。 例如,Phalcon 内置不存在 PhalconFormsElementTel 元素类,但 Phalcon\Tag 中存在 tel 方法,我们仍然可以用下面的方式创建表单元素:

<?php

$element = new Phalcon\Forms\Element('mytel', NULL, NULL, NULL, 'tel');

构造函数的第一个参数是元素名称(name),第二个参数是元素属性,第三个参数是用户选项值(自定义数据),第四个参数是选项值(比如下拉列表的值)。

渲染表单元素¶

<?php

echo $element->render();

初始化表单(Initializing forms)¶

从上面的例子我们可以看到表单项也可以在form对象初始化后进行添加。当然开发者也可以对原有的Form类进行扩展:

<?php

use Phalcon\Forms\Form;
use Phalcon\Forms\Element\Text;
use Phalcon\Forms\Element\Select;

class ContactForm extends Form
{
    public function initialize()
    {
        $this->add(new Text("name"));

        $this->add(new Text("telephone"));

        $this->add(
            new Select(
                "telephoneType",
                TelephoneTypes::find(),
                array(
                    'using' => array(
                        'id',
                        'name'
                    )
                )
            )
        );
    }
}

由于 Phalcon\Forms\Form 实现了 Phalcon\Di\Injectable 接口, 所以开发者可以根据自己的需要访问应用中的服务。

<?php

use Phalcon\Forms\Form;
use Phalcon\Forms\Element\Text;
use Phalcon\Forms\Element\Hidden;

class ContactForm extends Form
{
    /**
     * This method returns the default value for field 'csrf'
     */
    public function getCsrf()
    {
        return $this->security->getToken();
    }

    public function initialize()
    {
        // Set the same form as entity
        $this->setEntity($this);

        // Add a text element to capture the 'email'
        $this->add(new Text("email"));

        // Add a text element to put a hidden CSRF
        $this->add(new Hidden("csrf"));
    }
}

相关的实体在初始化时添加到表单, 自定义的选项通过构造器传送:

<?php

use Phalcon\Forms\Form;
use Phalcon\Forms\Element\Text;
use Phalcon\Forms\Element\Hidden;

class UsersForm extends Form
{
    /**
     * Forms initializer
     *
     * @param Users $user
     * @param array $options
     */
    public function initialize(Users $user, $options)
    {
        if ($options['edit']) {
            $this->add(new Hidden('id'));
        } else {
            $this->add(new Text('id'));
        }

        $this->add(new Text('name'));
    }
}

在表单实例中必须要这样使用:

<?php

$form = new UsersForm(
    new Users(),
    array(
        'edit' => true
    )
);

验证(Validation)¶

Phalcon表单组件可以和 validation 集成,以提供验证。 开发者要单独为每个html元素提供内置或自定义的验证器。

<?php

use Phalcon\Forms\Element\Text;
use Phalcon\Validation\Validator\PresenceOf;
use Phalcon\Validation\Validator\StringLength;

$name = new Text("name");

$name->addValidator(
    new PresenceOf(
        array(
            'message' => 'The name is required'
        )
    )
);

$name->addValidator(
    new StringLength(
        array(
            'min'            => 10,
            'messageMinimum' => 'The name is too short'
        )
    )
);

$form->add($name);

然后, 开发者可以根据用户的输入进行验证:

<?php

if (!$form->isValid($_POST)) {
    foreach ($form->getMessages() as $message) {
        echo $message, '<br>';
    }
}

验证器执行的顺序和注册的顺序一致。

默认情况下,所有的元素产生的消息是放在一起的, 所以开发者可以使用简单的foreach来遍历消息, 开发者可以按照自己的意愿组织输出:

<?php

foreach ($form->getMessages(false) as $attribute => $messages) {
    echo 'Messages generated by ', $attribute, ':', "\n";

    foreach ($messages as $message) {
        echo $message, '<br>';
    }
}

或获取指定元素的消息:

<?php

foreach ($form->getMessagesFor('name') as $message) {
    echo $message, '<br>';
}

过滤(Filtering)¶

表单元素可以在进行验证前先进行过滤, 开发者可以为每个元素设置过滤器:

设置用户选项(Setting User Options)¶

表单与实体(Forms + Entities)¶

我们可以把 model/collection/plain 设置到表单对象中, 这样 phalcon 会自动的设置表单元素的值:

<?php

$robot = Robots::findFirst();

$form = new Form($robot);

$form->add(new Text("name"));

$form->add(new Text("year"));

在表单渲染时如果表单项未设置默认值, phalcon会使用对象实体值作为默认值:

<?php echo $form->render('name'); ?>

开发者可以使用下面的方式验证表单及利用用户的输入来设置值:

<?php

$form->bind($_POST, $robot);

// Check if the form is valid
if ($form->isValid()) {

    // Save the entity
    $robot->save();
}

也可以使用一个简单的类做为对象实体进行参数传递:

<?php

class Preferences
{
    public $timezone = 'Europe/Amsterdam';

    public $receiveEmails = 'No';
}

使用此类做为对象实体,这样可以使用此类中的值作为表单的默认值:

<?php

$form = new Form(new Preferences());

$form->add(
    new Select(
        "timezone",
        array(
            'America/New_York'  => 'New York',
            'Europe/Amsterdam'  => 'Amsterdam',
            'America/Sao_Paulo' => 'Sao Paulo',
            'Asia/Tokyo'        => 'Tokyo'
        )
    )
);

$form->add(
    new Select(
        "receiveEmails",
        array(
            'Yes' => 'Yes, please!',
            'No'  => 'No, thanks'
        )
    )
);

实体中也可以使用getters, 这样可以给开发者更多的自由, 当然也会洽使开发稍麻烦一些,不过这是值得的:

<?php

class Preferences
{
    public $timezone;

    public $receiveEmails;

    public function getTimezone()
    {
        return 'Europe/Amsterdam';
    }

    public function getReceiveEmails()
    {
        return 'No';
    }
}

表单控件(Form Elements)¶

Phalcon提供了一些内置的html元素类, 所有这些元素类仅位于 Phalcon\Forms\Element 命名空间下:

名称 描述 示例
Text 产生 INPUT[type=text] 项 Example
Password 产生 INPUT[type=password] 项 Example
Select 产生 SELECT tag (combo lists) 项 Example
Check 产生 INPUT[type=check] 项 Example
Textarea 产生 TEXTAREA 项 Example
Hidden 产生 INPUT[type=hidden] 项 Example
File 产生 INPUT[type=file] 项 Example
Date 产生 INPUT[type=date] 项 Example
Numeric 产生 INPUT[type=number] 项 Example
Submit 产生 INPUT[type=submit] 项 Example

事件回调(Event Callbacks)¶

当扩展表单时, 我们可以在表单类中实现验证前操作及验证后操作:

<?php

use Phalcon\Mvc\Form;

class ContactForm extends Form
{
    public function beforeValidation()
    {

    }
}

渲染表单(Rendering Forms)¶

开发者对表单的渲染操作有完全的控制,下面的的例子展示了如何使用标准方法渲染html元素:

<?php

<form method="post">
    <?php
        // Traverse the form
        foreach ($form as $element) {

            // Get any generated messages for the current element
            $messages = $form->getMessagesFor($element->getName());

            if (count($messages)) {
                // Print each element
                echo '<div class="messages">';
                foreach ($messages as $message) {
                    echo $message;
                }
                echo '</div>';
            }

            echo '<p>';
            echo '<label for="', $element->getName(), '">', $element->getLabel(), '</label>';
            echo $element;
            echo '</p>';

        }
    ?>
    <input type="submit" value="Send"/>
</form>

或者可以使用更简单的方式:

<?php

echo $form->render();
// or
echo $form->render(NULL, NULL, '<label>:label:</label><p>:element:</p>');

方法 render 第一个参数用来指定渲染哪个表单元素:

<?php

echo $form->render('name');

方法 render 第二个参数用来设定表单元素属性:

<?php

echo $form->render('name', array('class' => 'form-control'));

方法 render 第三个参数可以设置元素模板:

<?php

echo $form->render(NULL, NULL, '<div class="form-group"><label>:label:</label><p>:element:</p></div>');

或是在登录表单中重用表单类:

<?php

use Phalcon\Forms\Form;

class ContactForm extends Form
{
    public function initialize()
    {
        // ...
    }

    public function renderDecorated($name)
    {
        $element  = $this->get($name);

        // Get any generated messages for the current element
        $messages = $this->getMessagesFor($element->getName());

        if (count($messages)) {
            // Print each element
            echo '<div class="messages">';
            foreach ($messages as $message) {
                echo $this->flash->error($message);
            }
            echo '</div>';
        }

        echo '<p>';
        echo '<label for="', $element->getName(), '">', $element->getLabel(), '</label>';
        echo $element;
        echo '</p>';
    }
}

视图中:

<?php

echo $element->renderDecorated('name');

echo $element->renderDecorated('telephone');

创建表单控件(Creating Form Elements)¶

除了可以使用phalcon提供的html元素以外, 开发者还可以使用自定义的html元素:

<?php

use Phalcon\Forms\Element;

class MyElement extends Element
{
    public function render($attributes = null)
    {
        $html = // ... Produce some HTML
        return $html;
    }
}

表单元素转换为数组(Creating Form Elements)¶

<?php

$nameElement = new \Phalcon\Forms\Element("name", array('class' => 'big-input'), array('some' => 'value'), NULL, "text");
$versionElement = new \Phalcon\Forms\Element("version", NULL, NULL, array('phalcon' => 'Phalcon', 'phalcon7' => 'Phalcon7'), "select");

$form = new \Phalcon\Forms\Form();
$form->add($nameElement);
$form->add($versionElement);
$data = $form->toArray();

$data 值如下:

<?php

array(
     "name" => array(
          "name" => "name",
          "type" => "text",
          "attributes" => array(
               "class" => "big-input",
          ),
          "options" => array(
               "some" => "value",
          ),
     ),
     "version" => array(
          "name" => "version",
          "type" => "select",
          "optionsValues" => array(
               "phalcon" => "Phalcon",
               "phalcon7" => "Phalcon7",
          ),
     )
);

表单管理(Forms Manager)¶

此组件为开发者提供了一个表单管理器, 可以用来注册表单,此组件可以使用服务容器来访问:

<?php

use Phalcon\Forms\Manager as FormsManager;

$di['forms'] = function () {
    return new FormsManager();
};

表单被添加到表单管理器, 然后设置了唯一的名字:

<?php

$this->forms->set('login', new LoginForm());

使用唯一名, 我们可以在应用的任何地方访问到表单:

<?php

echo $this->forms->get('login')->render();

外部资源(External Resources)¶

  • Vökuró 是一个使用表单构建器来创建和维护表单的示例 [github]