检测到您已登录华为云国际站账号,为了您更好的体验,建议您访问国际站服务网站 https://www.huaweicloud.com/intl/zh-cn
不再显示此消息
初识表单编辑器 表单由多个组件组成,是数据填报和收集的工具。在AstroFlow表单编辑器中,通过选择组件、设置组件属性和表单发布设置三步,即可快速搭建所需的表单。 图1 AstroFlow表单编辑器 表1 AstroFlow表单编辑器功能介绍 区域 说明 1 该区域分别提供如下功能:
单选 单选组件用于在有限的选项中选择其中某一个选项,例如选择性别、年龄段等场景。 在表单设计页面,从“常用组件”中,拖拽“单选”组件至表单设计区域,如图1所示。 图1 拖拽单选组件到设计区并设置属性 标题:该字段在表单页面呈现给用户的名称。 帮助提示:为字段添加帮助信息。设置后,标题字段后会显示。
表达式计算 节点功能 通过使用当前节点可见的值进行表达式计算,计算的结果可以供后续节点使用。 使用方法 添加表达式计算节点。 图1 添加一个表达式计算节点 打开表达式编辑器。 图2 打开表达式编辑器 输入表达式进行计算,此处可以选择函数和变量,请参照下方的函数说明进行表达式的编写。
地址 地址组件用于设置员工出生地、公司所在地等地址信息。 在表单设计页面,从“常用组件”中,拖拽“地址”组件至表单设计区域,如图1所示。 图1 拖拽地址组件到设计区并设置属性 标题:该字段在表单页面呈现给用户的名称。 帮助提示:为字段添加帮助信息。设置后,标题字段后会显示。 描述信息:为字段添加附件的说明信息。
子表单 子表单是一种高级的容器组件,支持在创建后向内部加入多种组件。例如,在填写一份表单时,有时会录入多条相同类型的数据,这些数据的行数不固定,但都属于同一种业务规则数据,此时可以在表单中设计一个子表单来规范其录入。如在创建员工信息表中,添加多段工作经历,主表为员工信息表,子表单为员工多段工作经历。
数字输入框 数字输入框组件用于输入数字,支持自定义数字输入框的状态、帮助信息及步长等。 在表单设计页面,从“常用组件”中,拖拽“数字输入框”组件至表单设计区域,如图1所示。 图1 拖拽数字输入框组件到设计区并设置属性 标题:该字段在表单页面呈现给用户的名称。 帮助提示:为字段添加帮助信息。设置后,标题字段后会显示。
如何创建一个自定义页面 约束与限制 创建页面中,不同版本的约束。 基础版:1个应用内最多支持创建1个自定义页面。 专业版:1个应用内最多支持创建100个自定义页面。 企业版:1个应用内最多支持创建500个自定义页面。 页面设计中,组件数量不能超过200个。 步骤1:新建一个空白的页面
日期选择器 日期选择器组件用于记录时间信息,适用于填写出差、加班日期时间等场景。 在表单设计页面,从“常用组件”中,拖拽“日期选择器”组件至表单设计区域,如图1所示。 图1 拖拽日期选择器组件到设计区并设置属性 标题:该字段在表单页面呈现给用户的名称。 帮助提示:为字段添加帮助信息。设置后,标题字段后会显示。
图片 图片组件用于展示图片的UI元素,提供直观的视觉信息。 在左侧组件区域,从“常用控件”中,选择“图片”组件,并拖拽至设计区,如图1所示。 图1 拖拽图片组件到设计区并设置属性 基础配置 上传图片:将文件拖拽上传区域内,或单击上传图片模块进行上传。 上传图片支持jpg、jpeg
创建自定义连接器 使用说明 当官方连接器不能满足需求时,可通过自定义连接器,将第三方服务集成到AstroFlow流程中使用。 创建自定义连接器(手动创建) 参考如何登录AstroFlow中操作,登录AstroFlow界面。 在主菜单中,选择“连接器”,进入连接器页面。 创建连接器分类,便于集中管理连接器。
多行文本输入 多行文本输入用于录入较长、较为复杂的内容,和单行文本输入不同的是能够在表单中展示段落文本内容。多行文本输入和单行文本输入、文本、富文本呈现的效果,如图1所示。 图1 各文本组件效果呈现图 在表单设计页面,从“常用控件”中,拖拽“多行文本输入”组件至表单设计区域,如图2所示。
如何创建一个表单 AstroFlow中的应用由表单和流程组成。表单由多个组件组成,是数据填报和收集的工具。应用创建后,需要为其添加一个或多个表单。在AstroFlow的表单编辑器中,通过表单设计、表单设置和发布表单三步,即可快速创建一个表单。 约束与限制 表单中,组件数量不能超过
备注 备注用于添加注意事项,以指导用户操作。 在表单设计页面,从“样式布局”中,拖拽“备注”组件至表单设计区域,如图1所示。 图1 拖拽备注组件到设计区并设置属性 状态:设置字段的状态,如普通、只读。 普通:设置为普通后,页面上该字段可正常显示,且可进行配置。 只读:设置为只读后,页面上该字段只可读。
手写签名 手写签名组件用于用户手动输入签名。 在表单设计页面,从“高级组件”中,拖拽“手写签名”组件至表单设计区域,如图1所示。 图1 拖拽手写签名组件到设计区并设置属性 标题:该字段在表单页面呈现给用户的名称。 帮助提示:为字段添加帮助信息。设置后,标题字段后会显示。 描述信息:为字段添加附件的说明信息。
公式计算 公式计算是一个只读组件,不允许手动改动,输入数据值后,根据配置好的计算公式,自动计算得到结果。 在表单设计页面,从“高级组件”中,拖拽“公式计算”组件至表单设计区域,如图1所示。 图1 拖拽公式计算组件到设计区并设置属性 标题:该字段在表单页面呈现给用户的名称。 帮助提
了解自定义页面创建流程 什么是自定义页面 自定义页面的核心在于“自定义”,即用户可以根据自己的特定需求来设计和优化页面,使其更加实用和个性化。 了解自定义页面创建流程 创建应用后,可以为应用添加多个页面,组建成一个完整的业务管理系统。在AstroFlow中,通过创建空白页面、页面
折线图 折线图是一种常见的数据可视化工具,它通过连接数据点来显示数据的变化趋势和关系。折线图的基本形状是一条折线,线的高低和斜率可以反映数据的大小和变化趋势。 在左侧组件区域,从“图表控件”中,选择“折线图”组件,并拖拽至设计区,如图1所示。 图1 拖拽折线图组件到设计区并设置属性
了解AstroFlow中的连接器 为什么要引入连接器 通过连接器,开发者无需关注具体代码实现,只需要选择所需的连接器和配置动作,即可在流程中快速集成其他系统。在AstroFlow中您可以使用Astro低代码平台中提供的官方连接器和自定义连接器。 图1 连接器 官方连接器 Astr
日期范围选择器 时间范围选择器组件用于实现自定义选取时间范围的功能。 在表单设计页面,从“常用组件”中,拖拽“日期范围选择器”组件至表单设计区域,如图1所示。 图1 拖拽日期范围选择器组件到设计区并设置属性 标题:该字段在表单页面呈现给用户的名称。 帮助提示:为字段添加帮助信息。设置后,标题字段后会显示。
图文展示 图文展示结合了图像和文本的界面元素,用于以更吸引人的方式展示信息。 在左侧组件区域,选择“图文展示”组件,并拖拽至设计区域,如图1所示。 图1 拖拽图文展示组件到设计区并设置属性 基础配置 单击“编辑展示内容”,在弹框中根据需求编辑所需图文信息。 图2 编辑图文展示内容