数据展示模板

通过组件化方式灵活搭建页面结构,实现内容布局的高度可控与个性化美化,兼顾美观性与实用性。支持PC端和移动端(H5)双端自适应,确保数据查询与展示在不同设备上均流畅可用、体验一致。

数据展示模板



入口

设置>通用>数据展示模版


数据展示模板

组件介绍

电脑格式

通用组件:丰富的图文、视频、数据等组合组件形式,能够满足不同页面的自定义搭建需求。


通用组件

纯文本 适合纯文字的语句或段落
纯图片 适合图片展示,最多新增4组
纯视频 适合视频展示,支持优酷、腾讯、bilibili
上下环绕 图文混排,上下环绕
左环绕 图文混排,左环绕
右环绕 图文混排,右环绕
叠放图文 文字叠放在图片之上
紧密环绕 图文混排,文字围绕在图片上方和右侧
对称图文 两列对称图片和文本
中间分割 带分割线的图文混排
图片轮播 多图片滚动播放
文本列表 段落式文本,适合有逻辑的场景
时间轴 时间轴,适合按时间顺序显示的场景
图文引用 适合引用名人名言或者重要人物的经典语句
按钮 带跳转链接的按钮
空白 适合为了页面美观用来空格或换行
数据卡片 支持引用表单字段/子表字段/预约字段作为数据来源,展示数据
数据子表 支持引用子表/预约字段作为数据子表的数据来源,展示数据
购买清单 支持显示表单中收费字段的数据。例如商品字段/预约字段/收费项目字段

模板组件:成套的模板可直接使用,也可以结合模板增加自定义组件混搭。


模板组件

手机格式

通用组件:丰富的图文、视频、数据等组合组件形式,能够满足不同页面的自定义搭建需求。


通用组件

纯文本 适合纯文字的语句或段落
纯图片 适合图片展示,最多新增4组
纯视频 适合视频展示,支持优酷、腾讯、bilibili
上下环绕 图文混排,上下环绕
左环绕 图文混排,左环绕
右环绕 图文混排,右环绕
叠放图文 文字叠放在图片之上
紧密环绕 图文混排,文字围绕在图片上方和右侧
对称图文 两列对称图片和文本
中间分割 带分割线的图文混排
图片轮播 多图片滚动播放
文本列表 段落式文本,适合有逻辑的场景
时间轴 时间轴,适合按时间顺序显示的场景
图文引用 适合引用名人名言或者重要人物的经典语句
按钮 带跳转链接的按钮
空白 适合为了页面美观用来空格或换行
数据卡片 支持引用表单字段/子表字段/预约字段作为数据来源,展示数据
购买清单 支持显示表单中收费字段的数据。例如商品字段/预约字段/收费项目字段

模板组件:成套的模板可直接使用,也可以结合模板增加自定义组件混搭。


模板组件

组件设置

组件属性:每个组件都可以单独设置对应的组件属性,比如文本内容、字号大小、颜色、位置、上传图片、跳转链接等。


纯文本组件属性

整体设置:整体设置主要控制的是模板整体的颜色、背景图片、标题及正文字号大小和颜色、页面宽度等设置。在此处设置好后,组件属性应用即可。


整体设置

实际应用

我们以企业会议室资源预约为例,来看看如何搭建美观实用的数据展示模板。

新建会议室预约表单

添加姓名、手机号、预约等字段。


表单编辑

数据展示模板搭建

1.新建数据展示模板


新建数据展示模板

2.选择模板格式

电脑格式或手机格式,也可以两种格式同时创建,根据需求灵活设置。


选择模板格式

3.添加数据组件


添加组件

4.设置组件属性

通用组件中和数据相关的组件有三个:数据卡片、数据子表、购买清单,可以联动表单收集的数据进行查询显示。

组件属性属性区域可自定义设置图片、文本内容、文本标签、字段显示方式、字段名称、对应表单字段、按钮等。

注意,这里设置必须选择数据来源,否则无法获取表单数据。


属性设置

5.预览模版


预览模板

应用数据展示模板

数据展示模板制作完成后,可以在两个地方应用:公开查询、数据视图。

1.公开查询

在结果显示项选择“自定义数据展示”,用户在查询页按查询条件查询出结果时,会显示此数据展示模板。


公开查询结果显示设置


公开查询

2.数据视图

在表单数据页面创建数据视图,设置查询条件为”预约项目=会议室预约“,在”详情数据展示模版“中选择刚才创建的数据模板。


数据视图设置


数据视图设置

预览数据详情以数据展示模版显示。


单条数据详情

注意:手机格式的数据展示模版目前只支持在公开查询页显示。


手机格式-公开查询

总结

搭建完成的模板不仅能应用于公开数据查询和数据视图展示场景,还带来更高水准的视觉设计与用户交互体验。相比以往的固定展示形式,现在的模板系统在界面表现力、信息层次感和风格统一性上有了显著提升,更符合现代用户对美观性与功能性并重的体验预期。