數(shù)據(jù)展示模板
通過組件化方式靈活搭建頁(yè)面結(jié)構(gòu),實(shí)現(xiàn)內(nèi)容布局的高度可控與個(gè)性化美化,兼顧美觀性與實(shí)用性。支持PC端和移動(dòng)端(H5)雙端自適應(yīng),確保數(shù)據(jù)查詢與展示在不同設(shè)備上均流暢可用、體驗(yàn)一致。
入口
設(shè)置>通用>數(shù)據(jù)展示模版

組件介紹
電腦格式
通用組件:豐富的圖文、視頻、數(shù)據(jù)等組合組件形式,能夠滿足不同頁(yè)面的自定義搭建需求。

純文本 | 適合純文字的語句或段落 | |
---|---|---|
純圖片 | 適合圖片展示,最多新增4組 | |
純視頻 | 適合視頻展示,支持優(yōu)酷、騰訊、bilibili | |
上下環(huán)繞 | 圖文混排,上下環(huán)繞 | |
左環(huán)繞 | 圖文混排,左環(huán)繞 | |
右環(huán)繞 | 圖文混排,右環(huán)繞 | |
疊放圖文 | 文字疊放在圖片之上 | |
緊密環(huán)繞 | 圖文混排,文字圍繞在圖片上方和右側(cè) | |
對(duì)稱圖文 | 兩列對(duì)稱圖片和文本 | |
中間分割 | 帶分割線的圖文混排 | |
圖片輪播 | 多圖片滾動(dòng)播放 | |
文本列表 | 段落式文本,適合有邏輯的場(chǎng)景 | |
時(shí)間軸 | 時(shí)間軸,適合按時(shí)間順序顯示的場(chǎng)景 | |
圖文引用 | 適合引用名人名言或者重要人物的經(jīng)典語句 | |
按鈕 | 帶跳轉(zhuǎn)鏈接的按鈕 | |
空白 | 適合為了頁(yè)面美觀用來空格或換行 | |
數(shù)據(jù)卡片 | 支持引用表單字段/子表字段/預(yù)約字段作為數(shù)據(jù)來源,展示數(shù)據(jù) | |
數(shù)據(jù)子表 | 支持引用子表/預(yù)約字段作為數(shù)據(jù)子表的數(shù)據(jù)來源,展示數(shù)據(jù) | |
購(gòu)買清單 | 支持顯示表單中收費(fèi)字段的數(shù)據(jù)。例如商品字段/預(yù)約字段/收費(fèi)項(xiàng)目字段 |
模板組件:成套的模板可直接使用,也可以結(jié)合模板增加自定義組件混搭。

手機(jī)格式
通用組件:豐富的圖文、視頻、數(shù)據(jù)等組合組件形式,能夠滿足不同頁(yè)面的自定義搭建需求。

純文本 | 適合純文字的語句或段落 | |
---|---|---|
純圖片 | 適合圖片展示,最多新增4組 | |
純視頻 | 適合視頻展示,支持優(yōu)酷、騰訊、bilibili | |
上下環(huán)繞 | 圖文混排,上下環(huán)繞 | |
左環(huán)繞 | 圖文混排,左環(huán)繞 | |
右環(huán)繞 | 圖文混排,右環(huán)繞 | |
疊放圖文 | 文字疊放在圖片之上 | |
緊密環(huán)繞 | 圖文混排,文字圍繞在圖片上方和右側(cè) | |
對(duì)稱圖文 | 兩列對(duì)稱圖片和文本 | |
中間分割 | 帶分割線的圖文混排 | |
圖片輪播 | 多圖片滾動(dòng)播放 | |
文本列表 | 段落式文本,適合有邏輯的場(chǎng)景 | |
時(shí)間軸 | 時(shí)間軸,適合按時(shí)間順序顯示的場(chǎng)景 | |
圖文引用 | 適合引用名人名言或者重要人物的經(jīng)典語句 | |
按鈕 | 帶跳轉(zhuǎn)鏈接的按鈕 | |
空白 | 適合為了頁(yè)面美觀用來空格或換行 | |
數(shù)據(jù)卡片 | 支持引用表單字段/子表字段/預(yù)約字段作為數(shù)據(jù)來源,展示數(shù)據(jù) | |
購(gòu)買清單 | 支持顯示表單中收費(fèi)字段的數(shù)據(jù)。例如商品字段/預(yù)約字段/收費(fèi)項(xiàng)目字段 |
模板組件:成套的模板可直接使用,也可以結(jié)合模板增加自定義組件混搭。

組件設(shè)置
組件屬性:每個(gè)組件都可以單獨(dú)設(shè)置對(duì)應(yīng)的組件屬性,比如文本內(nèi)容、字號(hào)大小、顏色、位置、上傳圖片、跳轉(zhuǎn)鏈接等。

整體設(shè)置:整體設(shè)置主要控制的是模板整體的顏色、背景圖片、標(biāo)題及正文字號(hào)大小和顏色、頁(yè)面寬度等設(shè)置。在此處設(shè)置好后,組件屬性應(yīng)用即可。

實(shí)際應(yīng)用
我們以企業(yè)會(huì)議室資源預(yù)約為例,來看看如何搭建美觀實(shí)用的數(shù)據(jù)展示模板。
新建會(huì)議室預(yù)約表單
添加姓名、手機(jī)號(hào)、預(yù)約等字段。

數(shù)據(jù)展示模板搭建
1.新建數(shù)據(jù)展示模板

2.選擇模板格式
電腦格式或手機(jī)格式,也可以兩種格式同時(shí)創(chuàng)建,根據(jù)需求靈活設(shè)置。

3.添加數(shù)據(jù)組件

4.設(shè)置組件屬性
通用組件中和數(shù)據(jù)相關(guān)的組件有三個(gè):數(shù)據(jù)卡片、數(shù)據(jù)子表、購(gòu)買清單,可以聯(lián)動(dòng)表單收集的數(shù)據(jù)進(jìn)行查詢顯示。
組件屬性屬性區(qū)域可自定義設(shè)置圖片、文本內(nèi)容、文本標(biāo)簽、字段顯示方式、字段名稱、對(duì)應(yīng)表單字段、按鈕等。
注意,這里設(shè)置必須選擇數(shù)據(jù)來源,否則無法獲取表單數(shù)據(jù)。

5.預(yù)覽模版

應(yīng)用數(shù)據(jù)展示模板
數(shù)據(jù)展示模板制作完成后,可以在兩個(gè)地方應(yīng)用:公開查詢、數(shù)據(jù)視圖。
1.公開查詢
在結(jié)果顯示項(xiàng)選擇“自定義數(shù)據(jù)展示”,用戶在查詢頁(yè)按查詢條件查詢出結(jié)果時(shí),會(huì)顯示此數(shù)據(jù)展示模板。


2.數(shù)據(jù)視圖
在表單數(shù)據(jù)頁(yè)面創(chuàng)建數(shù)據(jù)視圖,設(shè)置查詢條件為”預(yù)約項(xiàng)目=會(huì)議室預(yù)約“,在”詳情數(shù)據(jù)展示模版“中選擇剛才創(chuàng)建的數(shù)據(jù)模板。


預(yù)覽數(shù)據(jù)詳情以數(shù)據(jù)展示模版顯示。

注意:手機(jī)格式的數(shù)據(jù)展示模版目前只支持在公開查詢頁(yè)顯示。

總結(jié)
搭建完成的模板不僅能應(yīng)用于公開數(shù)據(jù)查詢和數(shù)據(jù)視圖展示場(chǎng)景,還帶來更高水準(zhǔn)的視覺設(shè)計(jì)與用戶交互體驗(yàn)。相比以往的固定展示形式,現(xiàn)在的模板系統(tǒng)在界面表現(xiàn)力、信息層次感和風(fēng)格統(tǒng)一性上有了顯著提升,更符合現(xiàn)代用戶對(duì)美觀性與功能性并重的體驗(yàn)預(yù)期。