初学php的朋友们。都会想着找一个能够快速上手的框架来学习做项目。一般的话会选择ThinkPHP来尝试来尝试，这个框架的上手难度系数不大，能快速开发一款应用。适合小型的企业应用。因为是国人开发的，中文支持比较好。有比较全面的文档，官网社区也比较活跃。但是到了一定阶段基本就不满足使用ThinkPHP了，进而选择高性能的开发框架。Yii 自带了丰富的功能，包括 MVC，DAO/ActiveRecord，I18N/L10N，缓存，身份验证和基于角色的访问控制，脚手架，测试等，可显著缩短开发时间。这里我们php中文网就带你从头开始学习如何使用yii2框架创建表单。
首先，可以去我们php中文网在线观看 Yii2中文手册
下面就进入yii2框架创建表单正题了：
目录
表单的生成
表单中的方法
ActiveForm::begin()方法
ActiveForm::end()方法
getClientOptions()方法
其它方法：errorSummary、validate、validateMultiple
表单中的参数
表单form自身的属性
表单中各个项(field)输入框相关的属性
$fieldConfig
关于验证的属性
关于每个field容器样式的属性
ajax验证
前端js事件
表单中的其它属性
我们先看看Yii里面最简单的登录表单以及生成的html代码和界面，先有个直观的了解
<?php $form = ActiveForm::begin(['id' => 'login-form']); ?>
<?= $form->field($model, 'username') ?>
<?= $form->field($model, 'password')->passwordInput() ?>
<?= $form->field($model, 'rememberMe')->checkbox() ?>
<p style="color:#999;margin:1em 0">
If you forgot your password you can <?= Html::a('reset it', ['site/request-password-reset']) ?>
</p>
<p class="form-group">
<?= Html::submitButton('Login', ['class' => 'btn btn-primary', 'name' => 'login-button']) ?>
</p>
<?php ActiveForm::end(); ?>下面是生成的表单Html，我在里面标明了5部分。
1、表单的生成
在Yii中表单即ActiveForm也是Widget，在上面可以看到是由begin开始
<?php $form = ActiveForm::begin(['id' => 'login-form']); ?>
中间为各个项的输入框，最后由end结尾
<?php ActiveForm::end(); ?>
2、表单中的方法
在Widget中begin()方法会调用int方法
public function init()
在最后的end()方法会调用run方法
public function run()
1、ActiveForm::begin()方法
//这个是在执行 $form = ActiveForm::begin(['id' => 'login-form']); 中的begin方法的时候调用的
public function init()
{
//设置表单元素form的id
if (!isset($this->options['id'])) {
$this->options['id'] = $this->getId();
}
//设置表单中间的要生成各个field的所使用的类
if (!isset($this->fieldConfig['class'])) {
$this->fieldConfig['class'] = ActiveField::className();
}
//这个就是输出表单的开始标签
//如：<form id="login-form" action="/lulublog/frontend/web/index.php?r=site/login" method="post">
echo Html::beginForm($this->action, $this->method, $this->options);
}2、ActiveForm::end()方法
//这个是在执行 ActiveForm::end(); 中的end方法的时候调用的
public function run()
{
//下面这个就是往视图中注册表单的js验证脚本，
if (!empty($this->attributes)) {
$id = $this->options['id'];
$options = Json::encode($this->getClientOptions());
$attributes = Json::encode($this->attributes);
$view = $this->getView();
ActiveFormAsset::register($view);
/*
* $attributes:为要验证的所有的field数组。它的值是在activeform中创建field的时候，在field的begin方法中给它赋值的。
* 其中每个field又是一个数组，为这个field的各个参数
* 比如username的field中的参数有
* validate、id、name、
* validateOnChange、validateOnType、validationDelay、
* container、input、error
*
* $options:为这个表单整体的属性，如：
* errorSummary、validateOnSubmit、
* errorCssClass、successCssClass、validatingCssClass、
* ajaxParam、ajaxDataType
*/
$view->registerJs("jQuery('#$id').yiiActiveForm($attributes, $options);");
}
//输出表单的结束标签
echo Html::endForm();
}3、getClientOptions()方法
/*
* 设置表单的全局的一些样式属性以及js回调事件等
*/
protected function getClientOptions()
{
$options = [
'errorSummary' => '.' . $this->errorSummaryCssClass,
'validateOnSubmit' => $this->validateOnSubmit,
'errorCssClass' => $this->errorCssClass,
'successCssClass' => $this->successCssClass,
'validatingCssClass' => $this->validatingCssClass,
'ajaxParam' => $this->ajaxParam,
'ajaxDataType' => $this->ajaxDataType,
];
if ($this->validationUrl !== null) {
$options['validationUrl'] = Url::to($this->validationUrl);
}
foreach (['beforeSubmit', 'beforeValidate', 'afterValidate'] as $name) {
if (($value = $this->$name) !== null) {
$options[$name] = $value instanceof JsExpression ? $value : new JsExpression($value);
}
}
return $options;
}下面这个是生成的表单验证Js代码
jQuery(document).ready(function () {
jQuery('#login-form').yiiActiveForm(
{
"username":{
"validate":function (attribute, value, messages) {
yii.validation.required(value, messages, {"message":"Username cannot be blank."});
},
"id":"loginform-username",
"name":"username",
"validateOnChange":true,
"validateOnType":false,
"validationDelay":200,
"container":".field-loginform-username",
"input":"#loginform-username",
"error":".help-block"},
"password":{
"validate":function (attribute, value, messages) {
yii.validation.required(value, messages, {"message":"Password cannot be blank."});
},
"id":"loginform-password",
"name":"password",
"validateOnChange":true,
"validateOnType":false,
"validationDelay":200,
"container":".field-loginform-password",
"input":"#loginform-password",
"error":".help-block"
},
"rememberMe":{
"validate":function (attribute, value, messages) {
yii.validation.boolean(value, messages, {
"trueValue":"1","falseValue":"0","message":"Remember Me must be either \"1\" or \"0\".","skipOnEmpty":1});
},
"id":"loginform-rememberme",
"name":"rememberMe","validateOnChange":true,
"validateOnType":false,
"validationDelay":200,
"container":".field-loginform-rememberme",
"input":"#loginform-rememberme",
"error":".help-block"}
},
{
"errorSummary":".error-summary",
"validateOnSubmit":true,
"errorCssClass":"has-error",
"successCssClass":"has-success",
"validatingCssClass":"validating",
"ajaxParam":"ajax",
"ajaxDataType":"json"
});
});4、其它方法：errorSummary、validate、validateMultiple
public function errorSummary($models, $options = [])
它主要就是把model中的所有的错误信息汇总到一个p中。
public static function validate($model, $attributes = null) public static function validateMultiple($models, $attributes = null)
这两个是获取错误信息的方法，比较简单也不说了。
3、表单中的参数
1、表单form自身的属性
$action：设置当前表单提交的url地址，如果为空则是当前的url
$method：提交方法，post或者get，默认为post
$option：这个里面设置表单的其它的属性，如id等，如果没有设置id，将会自动生成一个以$autoIdPrefix为前缀的自动增加的id
//这个方法在Widget基本中
public function getId($autoGenerate = true)
{
if ($autoGenerate && $this->_id === null) {
$this->_id = self::$autoIdPrefix . self::$counter++;
}
return $this->_id;
}2、表单中各个项(field)输入框相关的属性
Yii生成的每个field由4部分组成：
① 最外层p为每个field的容器，
② label为每个field的文本说明，
③ input为输入元素，
④ 还有一个p为错误提示信息。
<p class="form-group field-loginform-username required has-error">
<label class="control-label" for="loginform-username">Username</label>
<input type="text" id="loginform-username" class="form-control" name="LoginForm[username]">
<p class="help-block">Username cannot be blank.</p>
</p>$fieldConfig：这个是所有的field的统一的配置信息设置的属性。也就是说在field类中的属性都可以在这里进行设置。
public function field($model, $attribute, $options = [])
{
//使用fieldConfig和options属性来创建field
//$options会覆盖统一的fieldConfig属性值，以实现每个field的自定义
return Yii::createObject(array_merge($this->fieldConfig, $options, [
'model' => $model,
'attribute' => $attribute,
'form' => $this,
]));
}关于验证的属性：
① $enableClientValidation：是否在客户端验证，也即是否生成前端js验证脚本（如果在form中设置了ajax验证，也会生成这个js脚本）。
② $enableAjaxValidation：是否是ajax验证
③ $validateOnChange：在输入框失去焦点并且值改变的时候验证
④ $validateOnType：正在输入的时候就进行验证
⑤ $validationDelay：验证延迟的时间，单位为毫秒
这5个属性都可以在创建每个field的时候单独设置，因为在field类中就有这5个属性。
关于每个field容器样式的属性：
$requiredCssClass：必填项的样式，默认为‘required'
$errorCssClass：验证错误的样式，默认值为‘has-error'
$successCssClass：验证正确的样式，默认值为‘has-success'
$validatingCssClass：验证过程中的样式，默认值为‘validating'
3、ajax验证
$validationUrl：ajax验证的url地方
$ajaxParam：url中的get参数，用来标明当前是ajax请求，默认值为‘ajax'
$ajaxDataType：ajax请求返回的数据格式
4、前端js事件属性
$beforeSubmit：在提交表单之前事件，如果返回false，则不会提交表单，格式为：
function ($form) {
...return false to cancel submission...
}$beforeValidate：在每个属性在验证之前触发，格式为：
function ($form, attribute, messages) {
...return false to cancel the validation...
}$afterValidate：在每个属性在验证之后触发，格式为：
function ($form, attribute, messages) {
}5、表单中的其它属性
$validateOnSubmit：提交表单的时候进行验证
$errorSummary：总的错误提示地方的样式
$attributes：这个属性比较特殊，它是在创建field的时候，在field中为这个form中的$attributes赋值的。这样可以确保通过field方法生成的输入表单都可以进行验证
相关课程推荐：
1. 视频课程： 传智播客Yii开发大型商城项目视频教程
2. 视频课程： Yii2.0框架开发实战视频教程
3. 视频课程： Yii2框架搭建完整博客系统
Penjelasan terperinci arahan nohup
Bagaimana untuk membeli dan menjual Bitcoin di okex
Sebab mengapa phpstudy tidak boleh dibuka
Penggunaan fungsi urlencode
Berapakah nilai Dimensity 9000 bersamaan dengan Snapdragon?
Cara menyediakan Douyin untuk menghalang semua orang daripada melihat hasil kerja
sql dalam penggunaan operator
Apakah saiz kertas a5
![[Web front-end] Permulaan pantas Node.js](https://img.php.cn/upload/course/000/000/067/662b5d34ba7c0227.png)
