數(shù)據(jù)展示模板
通過組件化方式靈活搭建頁面結(jié)構(gòu)，實(shí)現(xiàn)內(nèi)容布局的高度可控與個性化美化，兼顧美觀性與實(shí)用性。支持PC端和移動端（H5）雙端自適應(yīng)，確保數(shù)據(jù)查詢與展示在不同設(shè)備上均流暢可用、體驗(yàn)一致。
入口
設(shè)置>通用>數(shù)據(jù)展示模版
組件介紹
電腦格式
通用組件：豐富的圖文、視頻、數(shù)據(jù)等組合組件形式，能夠滿足不同頁面的自定義搭建需求。
| 純文本 | 適合純文字的語句或段落 | |
|---|---|---|
| 純圖片 | 適合圖片展示，最多新增4組 | |
| 純視頻 | 適合視頻展示，支持優(yōu)酷、騰訊、bilibili | |
| 上下環(huán)繞 | 圖文混排，上下環(huán)繞 | |
| 左環(huán)繞 | 圖文混排，左環(huán)繞 | |
| 右環(huán)繞 | 圖文混排，右環(huán)繞 | |
| 疊放圖文 | 文字疊放在圖片之上 | |
| 緊密環(huán)繞 | 圖文混排，文字圍繞在圖片上方和右側(cè) | |
| 對稱圖文 | 兩列對稱圖片和文本 | |
| 中間分割 | 帶分割線的圖文混排 | |
| 圖片輪播 | 多圖片滾動播放 | |
| 文本列表 | 段落式文本，適合有邏輯的場景 | |
| 時間軸 | 時間軸，適合按時間順序顯示的場景 | |
| 圖文引用 | 適合引用名人名言或者重要人物的經(jīng)典語句 | |
| 按鈕 | 帶跳轉(zhuǎn)鏈接的按鈕 | |
| 空白 | 適合為了頁面美觀用來空格或換行 | |
| 數(shù)據(jù)卡片 | 支持引用表單字段/子表字段/預(yù)約字段作為數(shù)據(jù)來源，展示數(shù)據(jù) | |
| 數(shù)據(jù)子表 | 支持引用子表/預(yù)約字段作為數(shù)據(jù)子表的數(shù)據(jù)來源，展示數(shù)據(jù) | |
| 購買清單 | 支持顯示表單中收費(fèi)字段的數(shù)據(jù)。例如商品字段/預(yù)約字段/收費(fèi)項(xiàng)目字段 | |
模板組件：成套的模板可直接使用，也可以結(jié)合模板增加自定義組件混搭。
手機(jī)格式
通用組件：豐富的圖文、視頻、數(shù)據(jù)等組合組件形式，能夠滿足不同頁面的自定義搭建需求。
| 純文本 | 適合純文字的語句或段落 | |
|---|---|---|
| 純圖片 | 適合圖片展示，最多新增4組 | |
| 純視頻 | 適合視頻展示，支持優(yōu)酷、騰訊、bilibili | |
| 上下環(huán)繞 | 圖文混排，上下環(huán)繞 | |
| 左環(huán)繞 | 圖文混排，左環(huán)繞 | |
| 右環(huán)繞 | 圖文混排，右環(huán)繞 | |
| 疊放圖文 | 文字疊放在圖片之上 | |
| 緊密環(huán)繞 | 圖文混排，文字圍繞在圖片上方和右側(cè) | |
| 對稱圖文 | 兩列對稱圖片和文本 | |
| 中間分割 | 帶分割線的圖文混排 | |
| 圖片輪播 | 多圖片滾動播放 | |
| 文本列表 | 段落式文本，適合有邏輯的場景 | |
| 時間軸 | 時間軸，適合按時間順序顯示的場景 | |
| 圖文引用 | 適合引用名人名言或者重要人物的經(jīng)典語句 | |
| 按鈕 | 帶跳轉(zhuǎn)鏈接的按鈕 | |
| 空白 | 適合為了頁面美觀用來空格或換行 | |
| 數(shù)據(jù)卡片 | 支持引用表單字段/子表字段/預(yù)約字段作為數(shù)據(jù)來源，展示數(shù)據(jù) | |
| 購買清單 | 支持顯示表單中收費(fèi)字段的數(shù)據(jù)。例如商品字段/預(yù)約字段/收費(fèi)項(xiàng)目字段 | |
模板組件：成套的模板可直接使用，也可以結(jié)合模板增加自定義組件混搭。
組件設(shè)置
組件屬性：每個組件都可以單獨(dú)設(shè)置對應(yīng)的組件屬性，比如文本內(nèi)容、字號大小、顏色、位置、上傳圖片、跳轉(zhuǎn)鏈接等。
整體設(shè)置：整體設(shè)置主要控制的是模板整體的顏色、背景圖片、標(biāo)題及正文字號大小和顏色、頁面寬度等設(shè)置。在此處設(shè)置好后，組件屬性應(yīng)用即可。
實(shí)際應(yīng)用
我們以企業(yè)會議室資源預(yù)約為例，來看看如何搭建美觀實(shí)用的數(shù)據(jù)展示模板。
新建會議室預(yù)約表單
添加姓名、手機(jī)號、預(yù)約等字段。
數(shù)據(jù)展示模板搭建
1.新建數(shù)據(jù)展示模板
2.選擇模板格式
電腦格式或手機(jī)格式，也可以兩種格式同時創(chuàng)建，根據(jù)需求靈活設(shè)置。
3.添加數(shù)據(jù)組件
4.設(shè)置組件屬性
通用組件中和數(shù)據(jù)相關(guān)的組件有三個：數(shù)據(jù)卡片、數(shù)據(jù)子表、購買清單，可以聯(lián)動表單收集的數(shù)據(jù)進(jìn)行查詢顯示。
組件屬性屬性區(qū)域可自定義設(shè)置圖片、文本內(nèi)容、文本標(biāo)簽、字段顯示方式、字段名稱、對應(yīng)表單字段、按鈕等。
注意，這里設(shè)置必須選擇數(shù)據(jù)來源，否則無法獲取表單數(shù)據(jù)。
5.預(yù)覽模版
應(yīng)用數(shù)據(jù)展示模板
數(shù)據(jù)展示模板制作完成后，可以在兩個地方應(yīng)用：公開查詢、數(shù)據(jù)視圖。
1.公開查詢
在結(jié)果顯示項(xiàng)選擇“自定義數(shù)據(jù)展示”，用戶在查詢頁按查詢條件查詢出結(jié)果時，會顯示此數(shù)據(jù)展示模板。
2.數(shù)據(jù)視圖
在表單數(shù)據(jù)頁面創(chuàng)建數(shù)據(jù)視圖，設(shè)置查詢條件為”預(yù)約項(xiàng)目=會議室預(yù)約“，在”詳情數(shù)據(jù)展示模版“中選擇剛才創(chuàng)建的數(shù)據(jù)模板。
預(yù)覽數(shù)據(jù)詳情以數(shù)據(jù)展示模版顯示。
注意：手機(jī)格式的數(shù)據(jù)展示模版目前只支持在公開查詢頁顯示。
總結(jié)
搭建完成的模板不僅能應(yīng)用于公開數(shù)據(jù)查詢和數(shù)據(jù)視圖展示場景，還帶來更高水準(zhǔn)的視覺設(shè)計(jì)與用戶交互體驗(yàn)。相比以往的固定展示形式，現(xiàn)在的模板系統(tǒng)在界面表現(xiàn)力、信息層次感和風(fēng)格統(tǒng)一性上有了顯著提升，更符合現(xiàn)代用戶對美觀性與功能性并重的體驗(yàn)預(yù)期。