1. 我們打開(kāi)左側(cè)組件面板找到列表分類(lèi)可以看到自定義查詢列表如下圖所示

2. 我們可以直接把這個(gè)搜索列表拖入到空白板塊中如下圖所示：

可以看到剛才在后臺(tái)管理增加的數(shù)據(jù)已經(jīng)可以顯示了

我們發(fā)現(xiàn)列表中只展示了頭像和姓名兩個(gè)字段，我們還需要顯示成績(jī)，可以進(jìn)行如下圖所示操作，拖入文本字段

點(diǎn)擊編輯圖標(biāo)選擇成績(jī)字段，選完字段你會(huì)發(fā)現(xiàn)成績(jī)已經(jīng)顯示在列表上了

現(xiàn)在我想隱藏成績(jī)查詢這個(gè)輸入框，同時(shí)我想增加圖片驗(yàn)證碼校驗(yàn)、手機(jī)號(hào)校驗(yàn)功能，我們可以點(diǎn)擊這個(gè)編輯圖標(biāo)進(jìn)行設(shè)置。

如下圖設(shè)置項(xiàng)所示

隱藏成績(jī)查詢輸入框如下圖所示：

如果您想默認(rèn)展示所有學(xué)生的成績(jī)，可以打開(kāi)初始化請(qǐng)求并設(shè)置分頁(yè)顯示，如果數(shù)據(jù)量過(guò)大我們強(qiáng)烈要求您顯示分頁(yè)。

如果我們想查詢到結(jié)果進(jìn)入詳情頁(yè)，可以打開(kāi)這個(gè)開(kāi)關(guān)

當(dāng)然李四說(shuō)了我不想直接跳到詳情頁(yè)，我想點(diǎn)擊查詢結(jié)果列表跳轉(zhuǎn)，那么我們也是支持的，如下圖所示：

1. 默認(rèn)是點(diǎn)擊這個(gè)按鈕跳轉(zhuǎn)到詳情頁(yè)

2. 如果想點(diǎn)擊整行都能跳轉(zhuǎn)那么可以進(jìn)行這樣操作

•  把這個(gè)按鈕寬高拉滿覆蓋住整行數(shù)據(jù)
• 清空按鈕文本

這樣點(diǎn)擊整行就可以跳轉(zhuǎn)了

這樣我們的列表基本設(shè)計(jì)完了，這時(shí)隔壁老王發(fā)話了，我不想要這個(gè)表單查詢框，我只想要一個(gè)簡(jiǎn)簡(jiǎn)單的查詢框只按名稱(chēng)查詢，那么這個(gè)需求我們也是要支持的。

接下來(lái)我們展示簡(jiǎn)單查詢功能：

如下圖所示三連：

你要覺(jué)得這個(gè)搜索框樣式與自己的審美不符的時(shí)候你可以通過(guò)如下操作更改樣式：

到現(xiàn)在為止自定義查詢列表的基本功能就介紹完了。

自定義查詢?cè)斍轫?yè)設(shè)計(jì)

1.  在系統(tǒng)頁(yè)面管理中找到自定義查詢?cè)斍轫?yè)面如下圖所示：

這里如果新增了多個(gè)分類(lèi)這里只能選中其中一個(gè)分類(lèi)

其他分類(lèi)點(diǎn)擊復(fù)制這個(gè)頁(yè)面，再去單獨(dú)綁定即可。（注意：一般有幾個(gè)分類(lèi)就應(yīng)該有幾個(gè)分類(lèi)查詢?cè)斍轫?yè)）

詳情頁(yè)默認(rèn)數(shù)據(jù)是以表格的形式展示的，如果你對(duì)這個(gè)樣式比較反感可以點(diǎn)擊切換自由設(shè)計(jì)板塊進(jìn)行定制設(shè)計(jì)如下

選中這個(gè)自由設(shè)計(jì)詳情板塊

發(fā)現(xiàn)這個(gè)板塊是空白的

進(jìn)行如下圖所示添加元素并綁定字段（其他字段綁定方式與此相同）

詳情頁(yè)設(shè)計(jì)好后，無(wú)法直接預(yù)覽，可以點(diǎn)擊之前設(shè)計(jì)好的列表跳到詳情頁(yè)查看。

如有使用上的任何問(wèn)題，您可以在編輯器中聯(lián)系技術(shù)咨詢?；蛘唿c(diǎn)擊 在線咨詢