检测到您已登录华为云国际站账号，为了您更好的体验，建议您访问国际站服务网站 https://www.huaweicloud.com/intl/zh-cn
不再显示此消息
检测到您已登录华为云国际站账号，为了您更好的体验，建议您访问国际站服务网站 https://www.huaweicloud.com/intl/zh-cn
不再显示此消息
初识自定义页面编辑器 自定义页面是由多个组件组成，您可以根据自己的特定需求来设计和优化页面，使其更加实用及个性化。 在AstroFlow自定义页面编辑器中，通过选择组件、设置组件属性和发布页面三步，即可快速搭建所需的页面。 图1 初识AstroFlow表单编辑器 表1 AstroFlow
饼图 饼图是一种常见的数据可视化工具，它通过将数据表示为一个饼图的形式，来展示数据的比例或百分比。 在左侧组件区域，从“图表控件”中，选择“饼图”组件，并拖拽至设计区，如图1所示。 图1 拖拽饼图组件到设计区并设置属性 基础配置 标题：该模块在页面呈现给用户的名称。 帮助提示：为字段添加帮助信息
漏斗图 漏斗图是一种用于显示数据在不同阶段的减少或过滤过程的图表，它通常用于展示转化率或销售漏斗。漏斗图由多个梯形从上而下叠加而成，从上到下的项有逻辑上的顺序关系，梯形面积表示某个业务量与上一个环节之间的差异的一种图表类型。 在左侧组件区域，从“图表控件”中，选择“漏斗图”组件，并拖拽至设计区
柱图 柱图是一种常见的数据可视化方式，用于表示不同类别或组之间的数量或频率比较。它通过在坐标系中绘制垂直或水平的柱子来表示数据，每个柱子的高度或长度表示对应类别或组的数量或频率。 在左侧组件区域，从“图表控件”中，选择“柱图”组件，并拖拽至设计区，如图1所示。 图1 拖拽柱图组件到设计区并设置属性
步骤2：添加表单 表单用于收集和存储业务数据，想录入的任何数据，都需要建立对应的表单。在AstroFlow表单编辑器中，通过简单选择组件、设置组件属性和设置表单属性三步，即可快速搭建所需的表单。关于表单设计的更多介绍，请参见表单管理。 参考步骤1：新建一个应用中操作，创建一个应用。
分段标题 分段标题为样式型组件，用于对页面中内容进行分隔。 在左侧组件区域，选择“分段标题”组件，并拖拽至设计区域，如图1所示。 图1 拖拽分段标题组件到设计区并设置属性 基础配置： 标题：设置分段标题的内容，最多支持输入32个字符。 样式：设置分段标题的显示样式。 图2 选择分段标题显示样式
分割线 分割线为样式型组件，用于分割字段，起装饰作用。 在左侧组件区域，选择“分割线”组件，并拖拽至设计区域，如图1所示。 图1 拖拽分割线组件到设计区并设置属性 基础配置 文本：设置分割线上显示的文字。输入内容不得超过32个字符。 分割线样式：选择分割线的样式，如虚线、点线、双线或实线
数据表 数据表用于展示数据的明细表。设计良好的数据表不仅能提升界面的专业感，还能有效提高工作效率。 在左侧组件区域，从“图表控件”中，选择“数据表”组件，并拖拽至设计区，如图1所示。 图1 拖拽数据表组件到设计区并设置属性 基础配置 标题：该模块在页面呈现给用户的名称。 帮助提示：
数字输入框 数字输入框组件用于输入数字，支持自定义数字输入框的状态、帮助信息及步长等。 在表单设计页面，从“常用组件”中，拖拽“数字输入框”组件至表单设计区域，如图1所示。 图1 拖拽数字输入框组件到设计区并设置属性 标题：该字段在表单页面呈现给用户的名称。 帮助提示：为字段添加帮助信息
日期选择器 日期选择器组件用于记录时间信息，适用于填写出差、加班日期时间等场景。 在表单设计页面，从“常用组件”中，拖拽“日期选择器”组件至表单设计区域，如图1所示。 图1 拖拽日期选择器组件到设计区并设置属性 标题：该字段在表单页面呈现给用户的名称。 帮助提示：为字段添加帮助信息
子表单 子表单是一种高级的容器组件，支持在创建后向内部加入多种组件。例如，在填写一份表单时，有时会录入多条相同类型的数据，这些数据的行数不固定，但都属于同一种业务规则数据，此时可以在表单中设计一个子表单来规范其录入。如在创建员工信息表中，添加多段工作经历，主表为员工信息表，子表单为员工多段工作经历
如何创建一个自定义页面 基础版：1个应用内最多支持创建1个自定义页面。 专业版：1个应用内最多支持创建100个自定义页面。 企业版：1个应用内最多支持创建500个自定义页面。 步骤1：新建一个空白的页面 通过新增“自定义页面”，新建一个空白的页面。 参考如何登录AstroFlow中操作
图片 图片组件用于展示图片的UI元素，提供直观的视觉信息。 在左侧组件区域，从“常用控件”中，选择“图片”组件，并拖拽至设计区，如图1所示。 图1 拖拽图片组件到设计区并设置属性 基础配置 上传图片：将文件拖拽上传区域内，或单击上传图片模块进行上传。 上传图片支持jpg、jpeg、
为连接器添加动作 使用说明 自定义连接器创建完成后，需要为连接器设置执行动作。例如，为创建自定义连接器中创建的无鉴权连接器，添加调用AstroFlow帮助文档的动作。 操作步骤 参考如何登录AstroFlow中操作，登录AstroFlow界面。 在主菜单中，选择“连接器”，进入连接器页面
图片上传 图片上传组件用于在表单中上传图片，使表单更加地美观。 在表单设计页面，从“常用组件”中，拖拽“图片上传”组件至表单设计区域，如图1所示。 图1 拖拽图片上传组件到设计区并设置属性 标题：该字段在表单页面呈现给用户的名称。 帮助提示：为字段添加帮助信息。设置后，标题字段后会显示
分割线 分割线为样式型组件，用于分割字段，起装饰作用。 在表单设计页面，从“样式布局”中，拖拽“分割线”组件至表单设计区域，如图1所示。 图1 拖拽分割线组件到设计区并设置属性 状态：设置分割线的状态，如普通、隐藏。 普通：设置为普通后，页面上可正常显示分割线。 隐藏：设置为隐藏后
分段标题 分段标题为样式型组件，用于对页面中内容进行分隔。 在表单设计页面，从“样式布局”中，拖拽“分段标题”组件至表单设计区域，如图1所示。 图1 拖拽分段标题组件到设计区并设置属性 标题：设置分段标题的内容，最多支持输入32个字符。 状态：设置字段的状态，如普通和隐藏。 普通：
关联表单 关联表单组件提供了关联其他表单数据，填充数据到当前表单组件的功能。在获取关联的表单数据同时，还提供了过滤筛选的功能。 图1 拖拽关联表单组件到设计区并设置属性 操作视频 参数说明 标题：该字段在表单页面呈现给用户的名称。 帮助提示：为字段添加帮助信息。设置后，标题字段后会显示
如何导出表单数据 使用说明 将表单或子表单中的部分数据或全部数据导出。导出后，在“操作记录”中，可下载导出的数据文件。您可以在表单的“全部数据”页签导出数据，也可以生成数据管理页，在数据管理页导出数据。上述两种方式操作相同，本章节以数据管理页中的操作为例进行介绍。 约束限制 批量导出附件和图片为
单行文本输入 单行文本输入用于录入普通的文本，且只能有一行。单行文本输入和多行文本输入、文本、富文本呈现的效果，如图1所示。 图1 各文本组件效果呈现图 在表单设计页面，从“常用控件”中，拖拽“单行文本输入”组件至表单设计区域，如图2所示。 图2 拖拽单行文本输入组件到设计区并设置属性
长按/截图保存，微信识别二维码
或者关注公众号“华为云”
