Heim Backend-Entwicklung PHP-Tutorial yii的ActiveForm表单工具怎么用

yii的ActiveForm表单工具怎么用

Apr 18, 2017 am 10:19 AM

问题:

最近在用yii开发,他的表单验证功能也很强大,可是发现这个activeform表单工具用不来,谁能帮忙讲解下,谢谢!

解答:

不知道题主有没有简单的应用场景。ㄟ( ▔, ▔ )ㄏ
我这里就举个 超超超简单·用户发表评论·的表单提交的例子:

正如@鸟语花香说的,ActiveForm 要和 Model/ActiveRecord 配合使用的。
所以 先要张表 像这样 ↓

+----------+--------------+------+-----+---------+----------------+
| Field    | Type         | Null | Key | Default | Extra          |
+----------+--------------+------+-----+---------+----------------+
| id       | int(11)      | NO   | PRI | NULL    | auto_increment |
| username | varchar(20)  | NO   |     | NULL    |                |
| comment  | text         | NO   |     | NULL    |                |
| add_time | datetime     | YES  |     | NULL    |                |
| gender   | tinyint(3)   | YES  |     | NULL    |                |
+----------+--------------+------+-----+---------+----------------+
Nach dem Login kopieren

有了表,那我们就建立model咯,这里我直接用gii脚手架生成了名为 Comments 的model。

表单里需要的信息:
1. 用户名(varchar类型数据)
2. 评论内容 (text类型数据)
3. 性别(int类型数据)

我想在你的控制器的action中,至少应该这么写:

/*action*/
$model = new Comments(); //实例化 Comments model
return $this->render('msg',['model'=>$model]); //将 comments model 作为参数 推进我要的视图页面
Nach dem Login kopieren

render中的 「msg」就是对应的视图页面

那接下去看下msg视图:
在msg视图中,我们常用的方法和属性大都包含在了两个关键的类中,分别是 yii\helpers\Html 和 yii\bootstrap\ActiveForm,前者负责将一些常用的html标签方法化,方便统一。 后者就是我们的主角 ActiveForm。为了让我们接下去表单中的代码简洁益与阅读,我们就在视图头部加入引用:

<!--msg.php文件-->
<?php
use yii\helpers\Html;
use yii\bootstrap\ActiveForm;
?>
Nach dem Login kopieren

普通表单我们用 <form>...</form> 作为开头和结尾,ActiveForm也一样,只不过换了个更加酷炫的方法:

<!--msg.php文件-->
 <?php $form = ActiveForm::begin([...]);?>
    ...
    ...
    ...
 <?php ActiveForm::end();?>
Nach dem Login kopieren

ActiveForm就是这种结构啦!(≖ ‿ ≖)✧,begin中的省略号是我们要配置的参数,一会我们再把他替换掉,
先来看看表单要填写的条目:

<!--msg.php文件-->
<?= $form->field($model,'username')->textInput(); //用户名输入框 ?>
<?= $form->field($model,'comment')->textarea(); //评论内容输入框 ?>
<?= $form->field($model,'gender')->radioList(['1'=>'男','2'=>'女'])->label('性别'); //性别选择框 ?>
Nach dem Login kopieren

没错,只要一行。
一行一条目,因为field自动帮你打包了(1个默认label,1个默认input,1个默认error提示)。
你需要提供的参数也就是
   1.我们从action推进来的 comments model。
   2.model 中的属性(对应表中的字段)。
label从哪里读出来的?Comments model 中的 attributeLabels。
error显示的规则哪里来的?Comments model 中的 rules 规则验证。

field($model,'xxx')
Nach dem Login kopieren

后面哪些紧跟的是啥?
就是那要选用的输入框类型。
ActiveForm 的 field() 方法,返回的是一个 根据你给定的 model和model属性 生成的
ActiveField对象 ,field()后紧跟的方法则是根据你的需求选择输入框的类型,还有一些自定义配置。
拿上面gender的栗子讲:
如果  只是这样写的话,则会返回给我一个默认的 textInput输入框,所以我加了 ->radioList(['1'=>'男','2'=>'女']) 把textInput改成了一个 radio单选框 ,radioList中的数组就是对应选项的值和标签。->label('性别'),我觉得我不想用 Comments model 中写好的属性翻译,所以我把label也重写了一下。

有了输入的条目,那接下来的就是提交的按钮咯:

<!--msg.php文件-->
<?= Html::submitButton(&#39;发表评论&#39;, [&#39;class&#39; => 'btn btn-primary', 'name' => 'submit-button']) ?>
Nach dem Login kopieren

第一个参数就是你要显示的button的文字,第二个数组同样是配置,增加了button的class和name。

接下来再回到ActiveForm::begin([...])方法,看下begin中的一般参数配置:

[
    'id'=>'msg-form',
    'options' => ['class'=>'form-horizontal'],
    'enableAjaxValidation'=>false,
    'fieldConfig' => [
                'template' => "{label}\n<p class=\"col-lg-3\">{input}</p>\n<p class=\"col-lg-8\">{error}</p>",
                'labelOptions' => ['class' => 'col-lg-1 control-label'],
    ]
]
Nach dem Login kopieren

1.'id'=>'msg-form' 表单form 的id ,除了唯一标识的作用外,如果你开启了表单异步规则验证,这个也会作为$_POST[ajax]参数提交到action中。
2.'options' => ['class'=>'form-horizontal']给form 加的一些属性
3.'enableAjaxValidation'=>false这个就是「是否进行异步验证」的配置。其实它默认是false的,完全可以不用列出来,之所以这里列出是觉得有必要知道这个属性的存在,因为在复杂的表单中一般都是 设置为true。同时,在你的action中还要增加对于异步验证的方法。
4.'fieldConfig'对表单中 将要生成的 ActiveField对象 进行配置,上面讲的是在input条目中进行配置,而这里就是统一配置。
'template' => "{label}\n

{input}

\n

{error}

", 顾名思义,模板。 也就是让一个输入框套餐(label+input+error)按照我要求的样式显示出来。如果不设置,那yii会采用默认的模板  "{label}\n{input}\n{hint}\n{error}"(实在太难看(`・д・´) )。'labelOptions' => ['class' => 'col-lg-1 control-label'], 就是增加套餐中{label}的属性(以美化样式)。

下面是整个msg.php的样子:

<!-- msg.php -->
<?php
use yii\helpers\Html;
use yii\bootstrap\ActiveForm;
?>



<p class="container">
<!--    开始帅气的表单组件-->
    <?php $form = ActiveForm::begin([
            &#39;id&#39; => 'msg-form',
            'options' => ['class'=>'form-horizontal'], 
            'enableAjaxValidation'=>false,
            'fieldConfig' => [
                'template' => "{label}\n<p class=\"col-lg-3\">{input}</p>\n<p class=\"col-lg-8\">{error}</p>",
                'labelOptions' => ['class' => 'col-lg-1 control-label'],
            ]
    ]);
    ?>
<!--表单条目-->
    <?= $form->field($model,'username')->textInput(); ?>

    <?= $form->field($model,'comment')->textarea(); ?>

    <?= $form->field($model,'gender')->radioList(['1'=>'男','2'=>'女'])->label('性别'); ?>

<!--提交按钮-->
    <p class="form-group">
        <p class="col-lg-offset-1 col-lg-11">
            <?= Html::submitButton(&#39;发表评论&#39;, [&#39;class&#39; => 'btn btn-primary', 'name' => 'submit-button']) ?>
        </p>
    </p>

<!--结束帅气的表单组件-->
    <?php ActiveForm::end();?>

</p>
Nach dem Login kopieren

到这里,如果点了提交后,post 的内容将会是这样的

    [_csrf] => RHFOTmg1TUpwNX0sKQ0CEnQ/ES8uQyM9HhIcFhBxHnM1QhQELnR9BA==
    [Comments] => Array
        (
            [username] => cookedsteak
            [comment] => Here comes the comment !
            [gender] => 2
        )

    [ajax] => msg-form
    [submit-button] => undefined
Nach dem Login kopieren

之后就是在action中按照你自己的需求处理数据啦。


以上是个人对ActiveForm的理解,可能有些地方过于简单,只希望能帮到同是初学者的yiier(づ ̄ ³ ̄)づ

Erklärung dieser Website
Der Inhalt dieses Artikels wird freiwillig von Internetnutzern beigesteuert und das Urheberrecht liegt beim ursprünglichen Autor. Diese Website übernimmt keine entsprechende rechtliche Verantwortung. Wenn Sie Inhalte finden, bei denen der Verdacht eines Plagiats oder einer Rechtsverletzung besteht, wenden Sie sich bitte an admin@php.cn

Heiße KI -Werkzeuge

Undresser.AI Undress

Undresser.AI Undress

KI-gestützte App zum Erstellen realistischer Aktfotos

AI Clothes Remover

AI Clothes Remover

Online-KI-Tool zum Entfernen von Kleidung aus Fotos.

Undress AI Tool

Undress AI Tool

Ausziehbilder kostenlos

Clothoff.io

Clothoff.io

KI-Kleiderentferner

Video Face Swap

Video Face Swap

Tauschen Sie Gesichter in jedem Video mühelos mit unserem völlig kostenlosen KI-Gesichtstausch-Tool aus!

Heiße Werkzeuge

Notepad++7.3.1

Notepad++7.3.1

Einfach zu bedienender und kostenloser Code-Editor

SublimeText3 chinesische Version

SublimeText3 chinesische Version

Chinesische Version, sehr einfach zu bedienen

Senden Sie Studio 13.0.1

Senden Sie Studio 13.0.1

Leistungsstarke integrierte PHP-Entwicklungsumgebung

Dreamweaver CS6

Dreamweaver CS6

Visuelle Webentwicklungstools

SublimeText3 Mac-Version

SublimeText3 Mac-Version

Codebearbeitungssoftware auf Gottesniveau (SublimeText3)

So implementieren Sie einen Seitensprung nach der Übermittlung eines PHP-Formulars So implementieren Sie einen Seitensprung nach der Übermittlung eines PHP-Formulars Aug 12, 2023 am 11:30 AM

So implementieren Sie einen Seitensprung nach der PHP-Formularübermittlung [Einführung] In der Webentwicklung ist die Formularübermittlung eine häufige Funktionsanforderung. Nachdem der Benutzer das Formular ausgefüllt und auf die Schaltfläche „Senden“ geklickt hat, müssen die Formulardaten normalerweise zur Verarbeitung an den Server gesendet werden, und der Benutzer wird nach der Verarbeitung auf eine andere Seite weitergeleitet. In diesem Artikel wird erläutert, wie Sie mit PHP einen Seitensprung nach der Formularübermittlung implementieren. [Schritt 1: HTML-Formular] Zuerst müssen wir eine Seite mit einem Formular in einer HTML-Seite schreiben, damit Benutzer die Daten eingeben können, die übermittelt werden müssen.

Wie realisiert man mit JavaScript die automatische Eingabeaufforderungsfunktion für den Inhalt des Eingabefelds des Formulars? Wie realisiert man mit JavaScript die automatische Eingabeaufforderungsfunktion für den Inhalt des Eingabefelds des Formulars? Oct 20, 2023 pm 04:01 PM

Wie realisiert man mit JavaScript die automatische Eingabeaufforderungsfunktion für den Inhalt des Eingabefelds des Formulars? Einführung: Die automatische Eingabeaufforderungsfunktion für den Inhalt des Formulareingabefelds ist in Webanwendungen weit verbreitet. Sie kann Benutzern dabei helfen, schnell den richtigen Inhalt einzugeben. In diesem Artikel wird erläutert, wie Sie diese Funktion mithilfe von JavaScript erreichen, und es werden spezifische Codebeispiele bereitgestellt. Erstellen Sie die HTML-Struktur. Zuerst müssen wir eine HTML-Struktur erstellen, die das Eingabefeld und die Liste der automatischen Vorschläge enthält. Sie können den folgenden Code verwenden: &lt;!DOCTYP

Umgang mit der Benutzerrechteverwaltung in PHP-Formularen Umgang mit der Benutzerrechteverwaltung in PHP-Formularen Aug 10, 2023 pm 01:06 PM

Umgang mit der Benutzerrechteverwaltung in PHP-Formularen Bei der kontinuierlichen Weiterentwicklung von Webanwendungen ist die Benutzerrechteverwaltung eine der wichtigen Funktionen. Durch die Benutzerrechteverwaltung können die Bedienrechte der Benutzer in Anwendungen gesteuert und die Sicherheit und Rechtmäßigkeit der Daten gewährleistet werden. In PHP-Formularen kann die Benutzerrechteverwaltung durch einfachen Code implementiert werden. In diesem Artikel wird der Umgang mit der Benutzerrechteverwaltung in PHP-Formularen vorgestellt und entsprechende Codebeispiele gegeben. 1. Definition und Verwaltung von Benutzerrollen Die Definition und Verwaltung von Benutzerrollen ist zunächst eine Frage der Benutzerrechte.

Wie implementiert man mit JavaScript eine Echtzeitüberprüfung des Eingabefeldinhalts eines Formulars? Wie implementiert man mit JavaScript eine Echtzeitüberprüfung des Eingabefeldinhalts eines Formulars? Oct 18, 2023 am 08:47 AM

Wie implementiert man mit JavaScript eine Echtzeitüberprüfung des Eingabefeldinhalts eines Formulars? In vielen Webanwendungen sind Formulare die häufigste Art der Interaktion zwischen Benutzern und dem System. Allerdings müssen die vom Benutzer eingegebenen Inhalte häufig validiert werden, um die Richtigkeit und Vollständigkeit der Daten sicherzustellen. In diesem Artikel erfahren Sie, wie Sie mit JavaScript eine Echtzeitüberprüfung des Inhalts des Eingabefelds des Formulars implementieren und stellen spezifische Codebeispiele bereit. Erstellen des Formulars Zuerst müssen wir eine einfache Tabelle in HTML erstellen

So nutzen Sie HTML, CSS und jQuery, um die erweiterte Funktion des automatischen Speicherns von Formularen zu realisieren So nutzen Sie HTML, CSS und jQuery, um die erweiterte Funktion des automatischen Speicherns von Formularen zu realisieren Oct 28, 2023 am 08:20 AM

Verwendung von HTML, CSS und jQuery zur Implementierung der erweiterten Funktion des automatischen Speicherns von Formularen. Formulare sind eines der häufigsten Elemente in modernen Webanwendungen. Wenn Benutzer Formulardaten eingeben, kann die Implementierung der automatischen Speicherfunktion nicht nur die Benutzererfahrung verbessern, sondern auch die Datensicherheit gewährleisten. In diesem Artikel wird erläutert, wie Sie mithilfe von HTML, CSS und jQuery die automatische Speicherfunktion des Formulars implementieren und spezifische Codebeispiele anhängen. 1. Struktur des HTML-Formulars Erstellen wir zunächst ein einfaches HTML-Formular.

PHP-Formularverarbeitung: Abfrage und Filterung von Formulardaten PHP-Formularverarbeitung: Abfrage und Filterung von Formulardaten Aug 07, 2023 pm 06:17 PM

PHP-Formularverarbeitung: Formulardatenabfrage und -filterung Einführung In der Webentwicklung sind Formulare eine wichtige Möglichkeit der Interaktion. Benutzer können Daten über Formulare zur weiteren Verarbeitung an den Server senden. In diesem Artikel wird erläutert, wie Sie mit PHP die Abfrage- und Filterfunktionen von Formulardaten verarbeiten. Formularentwurf und -übermittlung Zunächst müssen wir ein Formular entwerfen, das Abfrage- und Filterfunktionen enthält. Zu den gängigen Formularelementen gehören Eingabefelder, Dropdown-Listen, Optionsfelder, Kontrollkästchen usw., die je nach Bedarf gestaltet werden können. Wenn der Benutzer das Formular absendet, werden die Daten an POS gesendet

So entfernen Sie Jquery in yii2 So entfernen Sie Jquery in yii2 Feb 17, 2023 am 09:55 AM

So entfernen Sie jquery aus yii2: 1. Bearbeiten Sie die Datei AppAsset.php und kommentieren Sie den Wert „yii\web\YiiAsset“ in der Variablen $depends aus. 2. Bearbeiten Sie die Datei main.php und fügen Sie die Konfiguration als „'yii“ hinzu. unter dem Feld „components“ \web\JqueryAsset' => ['js' => [],'sourcePath' => null,]“, um das JQuery-Skript zu entfernen.

Tipps zur Verwendung von Laravel-Formularklassen: Möglichkeiten zur Verbesserung der Effizienz Tipps zur Verwendung von Laravel-Formularklassen: Möglichkeiten zur Verbesserung der Effizienz Mar 11, 2024 pm 12:51 PM

Formulare sind ein wesentlicher Bestandteil beim Schreiben einer Website oder Bewerbung. Laravel bietet als beliebtes PHP-Framework umfangreiche und leistungsstarke Formularklassen, die die Formularverarbeitung einfacher und effizienter machen. In diesem Artikel werden einige Tipps zur Verwendung von Laravel-Formularklassen vorgestellt, die Ihnen dabei helfen, die Entwicklungseffizienz zu verbessern. Im Folgenden wird anhand spezifischer Codebeispiele ausführlich erläutert. Erstellen eines Formulars Um ein Formular in Laravel zu erstellen, müssen Sie zunächst das entsprechende HTML-Formular in die Ansicht schreiben. Wenn Sie mit Formularen arbeiten, können Sie Laravel verwenden

See all articles