检测到您已登录华为云国际站账号,为了您更好的体验,建议您访问国际站服务网站 https://www.huaweicloud.com/intl/zh-cn
不再显示此消息
创建表单视频讲解 通过一个两分钟的操作视频,向您介绍如何在AstroFlow表单设计器中,通过拖拉拽的方式,快速创建一个表单。 父主题: 表单管理
自定义页面组件介绍 布局容器 图文展示 文本 动态文本 图片 按钮 分段标题 页签 备注 分割线 饼图 柱图 折线图 雷达图 漏斗图 数据表 父主题: 自定义页面管理
表单样式布局组件介绍 分段标题 图文展示 文本 分割线 备注 页签 父主题: 表单管理
创建自定义连接器 使用说明 当官方连接器不能满足需求时,可通过自定义连接器,将第三方服务集成到AstroFlow流程中使用。 创建自定义连接器(手动创建) 参考如何登录AstroFlow中操作,登录AstroFlow界面。 在主菜单中,选择“连接器”,进入连接器页面。 创建连接器分类,便于集中管理连接器。
文本 文本是一种样式组件,可以为这个区域输入并显示多行文本内容。 在左侧组件区域,选择“文本”组件,并拖拽至设计区域,如图1所示。 图1 拖拽文本组件到设计区并设置属性 基础配置 内容设置:输入具体的文本内容。输入内容不得超过512个字符。 文本设置:设置文本内容的字体、大小和颜色等。
按钮 按钮组件是自定义页面设计中一个非常重要的元素,它允许用户通过单击触发一个动作。 在左侧组件区域,选择“按钮”组件,并拖拽至设计区域,如图1所示。 图1 拖拽按钮组件到设计区并设置属性 基础配置 文本:输出按钮显示的内容。输入内容不得超过32个字符。 文本大小:设置按钮文本大
如何创建一个表单 AstroFlow中的应用由表单和流程组成。表单由多个组件组成,是数据填报和收集的工具。应用创建后,需要为其添加一个或多个表单。在AstroFlow的表单编辑器中,通过表单设计、表单设置和发布表单三步,即可快速创建一个表单。 步骤1:新建一个空白的表单页面 通过新增“表单页面”,新建一个空白的表单。
下拉选择框 下拉选择框组件可以作为下拉框表单在应用中使用。 在表单设计页面,从“常用组件”中,拖拽“下拉选择框”组件至表单设计区域,如图1所示。 图1 拖拽下拉选择框组件到设计区并设置属性 标题:该字段在表单页面呈现给用户的名称。 帮助提示:为字段添加帮助信息。设置后,标题字段后会显示。
布局容器 布局容器的主要作用是控制其内部元素的排列和布局,确保界面的整洁有序和响应式设计。 在左侧组件区域,选择“布局容器”组件,并拖拽至设计区域,如图1所示。 图1 拖拽布局容器组件到设计区并设置属性 将组件拖拽至布局容器中,根据需求布局,选中组件可配置对应组件属性。 图2 设计布局
雷达图 雷达图是一种常用的数据可视化图表,也称为蜘蛛网图或星形图。雷达图通过将多个数据系列的指标值在同一张图表中展示出来,以便于比较它们之间的差异和相似性。 在左侧组件区域,从“图表控件”中,选择“雷达图”组件,并拖拽至设计区,如图1所示。 图1 拖拽雷达图组件到设计区并设置属性
动态文本 图片组件允许文本内容根据数据交互的变化而实时更新,提供更加个性化和互动的体验。 在左侧组件区域,从“常用控件”中,选择“动态文本”组件,并拖拽至设计区,如图1所示。 图1 拖拽动态文本组件到设计区并设置属性 基础配置 文本设置:设置文本内容的字体、大小和颜色等。 水平对
富文本 富文本是一种特殊的文本格式,比普通文本更加丰富多彩。富文本可以包含各种字体、颜色、大小、图像、链接、表格和视频等元素,使文本更加生动、有趣。富文本和单行文本输入、多行文本输入、文本呈现的效果,如图1所示。 图1 各文本组件效果呈现图 在表单设计页面,从“常用控件”中,拖拽
文本 文本是一种样式组件,可以为这个区域设置一个标题等类似文字,用户不会提交数据。文本和单行文本输入、多行文本输入、富文本呈现的效果,如图1所示。 图1 各文本组件效果呈现图 图2 拖拽文本组件到设计区并设置属性 状态:设置字段的状态,如普通和隐藏。 普通:设置为普通后,页面上该字段可正常显示,且可进行配置。
级联选择 级联选择组件用于实现下拉级联菜单。 在表单设计页面,从“常用组件”中,拖拽“级联选择”组件至表单设计区域,如图1所示。 图1 拖拽级联选择组件到设计区并设置属性 标题:该字段在表单页面呈现给用户的名称。 帮助提示:为字段添加帮助信息。设置后,标题字段后会显示。 描述信息:为字段添加附件的说明信息。
页签 页签组件可用于将关联信息进行分组和归类,支持将已有组件拖入到指定的标签页中进行分组。 在表单设计页面,从“常用控件”中,拖拽“页签”组件至表单设计区域,如图1所示。 子表单、流水号和页签组件不支持嵌套到页签中。 图1 拖拽页签组件到设计区并设置属性 状态:设置字段的状态,如普通和隐藏。
备注 备注组件,用于输入注意事项,指导用户操作。 在左侧组件区域,选择“备注”组件,并拖拽至设计区域,如图1所示。 图1 拖拽备注组件到设计区并设置属性 基础配置 内容:输入需要显示的文字内容。输入内容不得超过512个字符。 样式配置 内间距:设置容器内组件与容器四边的间距,可分
步骤3:创建流程 流程用于实现业务数据的自动化处理和自动流转。在AstroFlow中,一条流程由1个触发器和N个动作节点组成。其中,触发器(触发节点)是工作流能否启动的开关,满足了触发器的条件才能启动流程。动作节点是流程中自动执行的操作,流程中需要进行的数据操作、通知、审批等任务都需要对应的动作节点来完成。
柱图 柱图是一种常见的数据可视化方式,用于表示不同类别或组之间的数量或频率比较。它通过在坐标系中绘制垂直或水平的柱子来表示数据,每个柱子的高度或长度表示对应类别或组的数量或频率。 在左侧组件区域,从“图表控件”中,选择“柱图”组件,并拖拽至设计区,如图1所示。 图1 拖拽柱图组件到设计区并设置属性
分段标题 分段标题为样式型组件,用于对页面中内容进行分隔。 在左侧组件区域,选择“分段标题”组件,并拖拽至设计区域,如图1所示。 图1 拖拽分段标题组件到设计区并设置属性 基础配置: 标题:设置分段标题的内容,最多支持输入32个字符。 样式:设置分段标题的显示样式。 图2 选择分段标题显示样式
分割线 分割线为样式型组件,用于分割字段,起装饰作用。 在左侧组件区域,选择“分割线”组件,并拖拽至设计区域,如图1所示。 图1 拖拽分割线组件到设计区并设置属性 基础配置 文本:设置分割线上显示的文字。输入内容不得超过32个字符。 分割线样式:选择分割线的样式,如虚线、点线、双线或实线。