## 表單組件
本章節詳細介紹 EasyWcms 組件的使用,目的是為開發者減少編寫HTML代碼并提高開發效率。
所有組件都是 Layui 的組件。可以看看官方的手冊哦。
文檔:[https://www.layui.com/doc/element/form.html](https://www.layui.com/doc/element/form.html)
演示:[https://www.layui.com/demo/form.html](https://www.layui.com/demo/form.html)
*****
EasyWcms 為了統一風格,采用了 方框風格 (`layui-form-pane`)。
*****
先看看Layui的單行輸入框代碼 (方框風格 其實就是在 `form` 的 `class` 中添加了 `layui-form-pane` 樣式類 )
```
<form id="easy-form" class="layui-form layui-form-pane" >
<div class="layui-form-item">
<label class="layui-form-label">標題</label>
<div class="layui-input-block">
<input type="text" name="title" placeholder="請輸入標題" class="layui-input">
</div>
</div>
</form>
```
*****
>[success] EasyWcms 為了更簡化HTML的編寫,在 FormBuilder 類中將 Layui 表單組件進行了封裝。
一個簡單的示例
```
<form id="easy-form" class="layui-form layui-form-pane">
{:Form::text('標題','title',$vo.title,['placeholder'=>'請輸入標題'])}
</form>
```
## 常用的普通輸入框
```
{:Form::text(標題,字段名,值,其他數組參數)}
```
## 通常屬性
`標題` 通常是給用戶提示此表單要輸入什么,例如:姓名,年齡等等。
`字段名`通常為組件的名稱,我們在后臺接收時可以通過這個名稱來獲取到它所對應的值
`值` 通常為數據庫中的值,在新增的時候默認為空,在修改的時候需要是數據庫中對應字段的值
`其他數組參數` 這個功能很多,每個組件可能有些不一樣的參數,在后面的章節會詳細介紹。
- 序言
- 快速上手
- 如何安裝 Easywcms?
- 如何開啟調試模式?
- 開發規范
- 開發流程
- 架構
- 架構總覽
- 目錄結構
- 應用模塊
- 功能模塊
- 控制器
- 控制器定義
- 邏輯層定義
- 模型定義
- 視圖渲染
- 模板
- 布局
- 列表頁
- 添加 / 編輯
- 表單組件
- text
- textarea
- editor
- switcher
- select
- selects
- radio
- checkbox
- image
- images
- file
- files
- fieldlist
- citypicker
- datetime
- datepicker
- timepicker
- 日期與時間 區間選擇器
- 后臺開發例子
- 1.建立模型
- 2.建立邏輯層
- 3.建立控制器
- 4.建立模板
- 插件開發說明
- 1.建立插件
- 2.配置文件
- 3.創建SQL文件
- 4.創建模型
- 5.創建邏輯層
- 6.建立控制器
- 7.建立模板