# 表單格式
表單類格式為函數名默認對應字段，所以數據庫字段盡量不要用保留關鍵詞，如果使用了的話，需要去把函數名修改下，這個不影響正常使用，真實字段對應的是函數返回值的 field
## 配置
```
class Demo
{
public function title()
{
return [
'type' => 'input',
'title' => '名稱',
'field' => 'title',
'col' => ['span' => 12],
'props' => [
'placeholder' => '請輸入名稱',
],
'validate' => [
['required' => true, 'message' => '不能為空']
],
'callback' => function($element){
$element->clearable(true);
$element->prefixIcon('el-icon-s-goods');
return $element;
}
];
}
}
```
如上示例：
- type 類型
- titile 顯示的標題
- field 對應的字段
- col 一排顯示幾個，24欄分割，12表示1排顯示2個表單項， 同理8表示一欄顯示3個，6顯示4個以此類推
- props 表單的屬性配置
- validate 驗證規則
- callback 回調
## 類型 type
目前支持常見幾種類型
* hidden
* input
* inputNumber
* checkbox
* radio
* switch
* select
* autoComplete
* cascader
* colorPicker
* datePicker
* timePicker
* rate
* slider
* upload
* tree
* frame
* editor (ckeditor)
> CURD會生成大致框架，涉及到radio,select和cascader等有選項的，還是需要自己根據業務設置選項
> 涉及到上傳的，需要配置action字段，配置上傳地址，系統默認配置的本地文件存儲
## 屬性props
props在各個類型的配置項目比較多，可以很靈活的進行配置，各個內置組件的屬性設置可以參考：
[http://www.form-create.com/v2/ant-design-vue/components/input.html](http://www.form-create.com/v2/ant-design-vue/components/input.html)
## 驗證規則 validate
驗證配置參照：[http://www.form-create.com/v2/guide/other/validation-rules.html](http://www.form-create.com/v2/guide/other/validation-rules.html)
自定義驗證參照： [http://php.form-create.com/docs/2.0/guide/validate](http://php.form-create.com/docs/2.0/guide/validate)
## callback
為了增加表單的擴展性，增加了callback回調，回調會將當前表單的組件作為參數傳入回調函數，你可以對他進行設置，設置的文檔如下：
[http://php.form-create.com/docs/2.0/element-ui/components](http://php.form-create.com/docs/2.0/element-ui/components)
