>[danger] 友情提示:構建器目前只支持HisiPHP Pro版本([我要升級](https://www.hisiphp.com/authorize.html))
## 表格篩選(filter)
后臺數據管理99%都離不開各種篩選需求,HisiPHP也提供了一種非常簡單快速的篩選渲染方式,同樣是通過一個簡單的數組方式完成,鑒于表格頁面排版問題,目前只支持以下幾種表單項。
## 篩選表單請求地址(action)
>[info]非必須,默認為當前頁面URL
示例代碼:
```
$assign['buildTable']['filter']['action'] = url('index');
```
## 篩選表單顯示與隱藏(display)
>[info]非必須,默認隱藏篩選表單,需要點擊搜索圖標來切換顯示/隱藏。
示例代碼:
```
$assign['buildTable']['filter']['display'] = true;
```
## 篩選表單項 - 文本框(text)
| 參數 | 類型 | 必須 | 默認 | 說明
| --- | --- | --- | --- | --- |
| type | string | Y | | 固定值:text |
| name | string | Y | | 字段名稱 |
| title | string | Y | | 標題 |
| placeholder | string | N | | 輸入提示 |
示例代碼:
```
$assign['buildTable']['filter']['items'] = [
[
'type' => 'text',
'title' => '客戶名',
'name' => 'text',
'placeholder' => '請輸入客戶名',
],
// 更多表單項.....
];
```

## 篩選表單項 - 下拉框(select)
| 參數 | 類型 | 必須 | 默認 | 說明
| --- | --- | --- | --- | --- |
| type | string | Y | | 固定值:select |
| name | string | Y | | 字段名稱 |
| title | string | Y | | 標題 |
| option | array | Y | | 選擇項 |
示例代碼:
```
$assign['buildTable']['filter']['items'] = [
[
'type' => 'select',
'title' => '城市',
'name' => 'city',
'option' => [
1 => '北京',
2 => '上海',
3 => '重慶',
],
],
// 更多表單項.....
];
```

## 篩選表單項 - 日期時間選擇器(year、month、date、time、datetime)
| 參數 | 類型 | 必須 | 默認 | 說明
| --- | --- | --- | --- | --- |
| type | String | Y | | 可選值:year(年)、month(月)、date(日期)、time(時間)、datetime(日期+時間) |
| name |String | Y | | 字段名稱 |
| title | String | Y | | 標題 |
| format | String | N | | 自定義格式,詳見下面的自定義格式 |
| options | Array | N | | 基礎參數選項,[點此瀏覽詳細參數配置](https://www.layui.com/doc/modules/laydate.html#options) |
## 日期時間選擇器 - 自定義格式
| 格式符 | 說明
| --- | --- |
| yyyy | 年份,至少四位數。如果不足四位,則前面補零 |
| y | 年份,不限制位數,即不管年份多少位,前面均不補零 |
| MM | 月份,至少兩位數。如果不足兩位,則前面補零 |
| M | 月份,允許一位數 |
| dd | 日期,至少兩位數。如果不足兩位,則前面補零 |
| d | 日期,允許一位數 |
| HH | 小時,至少兩位數。如果不足兩位,則前面補零 |
| H | 小時,允許一位數 |
| mm | 分鐘,至少兩位數。如果不足兩位,則前面補零 |
| m | 分鐘,允許一位數 |
| ss | 秒數,至少兩位數。如果不足兩位,則前面補零 |
| s | 秒數,允許一位數 |
示例代碼:
```
$assign['buildTable']['filter']['items'] = [
[
'type' => 'date',
'title' => '日期',
'name' => 'date',
],
// 更多表單項.....
];
```

- 序言
- 環境配置
- 下載及安裝
- 目錄結構
- 系統配置
- 多語言
- 命令行(pro版)
- 自動生成模塊或插件(build)
- 生成模塊
- 生成插件
- 自動生成增刪改查(crud)
- 第一步:創建數據表
- 第二步:使用crud指令生成
- 自動生成類庫文件(make)
- 生成控制器文件(make:controller)
- 生成模型文件(make:model)
- 生成邏輯文件(make:logic)
- 生成服務文件(make:service)
- 生成驗證器文件(make:validate)
- 構建器(pro版)
- 表單構建器(form)
- 表單屬性設置
- 添加表單項
- 文本框(text)
- 隱藏域(hidden)
- 密碼框(password)
- 文本域(textarea)
- 單文件(file)
- 多文件(files)
- 單圖(image)
- 多圖(images)
- 開關(switch)
- 單選(radio)
- 多選(checkbox)
- 下拉框(select)
- 標簽(tag)
- 日期時間(datetime)
- 顏色選擇器(color)
- 富文本編輯器(editor)
- 滑塊(slider)
- 評分(rate)
- 穿梭框(transfer)
- 進度條(progress)
- 樹形(tree)
- 聯動(linkage)
- 自定義html(html)
- 分隔線(line)
- 文字(txt)
- 下拉框增強版(select+)
- 數據表格(table)
- 添加表單分組(group)
- 柵格布局(grid)
- 觸發器(trigger)
- 通用上傳方法
- 表格構建器(table)
- 表格基礎配置
- 添加表頭工具欄
- 添加表格篩選
- 頁面提示(pageTips)
- 引入 JS 文件
- 引入 CSS 文件
- 渲染額外 JS 代碼
- 渲染額外 CSS 代碼
- 模塊開發
- 1.生成模塊
- 2.創建菜單
- 3.創建控制器
- 后臺通用方法
- 插件開發
- 1.新建插件
- 2.插件配置
- 3.插件控制器
- 4.插件模板
- 5.插件鉤子
- 模板替換變量
- 公共函數庫
- 后臺通用JS方法
- 常見問題
- 官方模塊
- CMS內容管理模塊
- 目錄結構
- 模板標簽
- API接口
- 欄目頁/內容頁
- 小程序發布
- 官方插件
- 第三方登錄
- excel插件
- 萬能采集
- 采集規則
- 采集內容