检测到您已登录华为云国际站账号,为了您更好的体验,建议您访问国际站服务网站 https://www.huaweicloud.com/intl/zh-cn
不再显示此消息
公式计算 公式计算是一个只读组件,不允许手动改动,输入数据值后,根据配置好的计算公式,自动计算得到结果。 在表单设计页面,从“高级组件”中,拖拽“公式计算”组件至表单设计区域,如图1所示。 图1 拖拽公式计算组件到设计区并设置属性 标题:该字段在表单页面呈现给用户的名称。 帮助提
据自己的特定需求来设计和优化页面,使其更加实用和个性化。 了解自定义页面创建流程 创建应用后,可以为应用添加多个页面,组建成一个完整的业务管理系统。在AstroFlow中,通过创建空白页面、页面设计和页面发布三步,即可快速完成自定义页面的创建,具体流程如图1所示。 图1 创建页面流程
柱图 柱图是一种常见的数据可视化方式,用于表示不同类别或组之间的数量或频率比较。它通过在坐标系中绘制垂直或水平的柱子来表示数据,每个柱子的高度或长度表示对应类别或组的数量或频率。 在左侧组件区域,从“图表控件”中,选择“柱图”组件,并拖拽至设计区,如图1所示。 图1 拖拽柱图组件到设计区并设置属性
数字输入框 数字输入框组件用于输入数字,支持自定义数字输入框的状态、帮助信息及步长等。 在表单设计页面,从“常用组件”中,拖拽“数字输入框”组件至表单设计区域,如图1所示。 图1 拖拽数字输入框组件到设计区并设置属性 标题:该字段在表单页面呈现给用户的名称。 帮助提示:为字段添加帮助信息。设置后,标题字段后会显示。
日期选择器 日期选择器组件用于记录时间信息,适用于填写出差、加班日期时间等场景。 在表单设计页面,从“常用组件”中,拖拽“日期选择器”组件至表单设计区域,如图1所示。 图1 拖拽日期选择器组件到设计区并设置属性 标题:该字段在表单页面呈现给用户的名称。 帮助提示:为字段添加帮助信息。设置后,标题字段后会显示。
子表单 子表单是一种高级的容器组件,支持在创建后向内部加入多种组件。例如,在填写一份表单时,有时会录入多条相同类型的数据,这些数据的行数不固定,但都属于同一种业务规则数据,此时可以在表单中设计一个子表单来规范其录入。如在创建员工信息表中,添加多段工作经历,主表为员工信息表,子表单为员工多段工作经历。
参考如何登录AstroFlow中操作,登录AstroFlow界面。 在主菜单中,选择“我的应用”。 在全部应用中,单击待添加自定义页面的应用,进入应用。 在页面管理页签,单击“添加页面”,选择“自定义页面”,即可完成空白页面的创建。 图1 添加一个空白表单页面 步骤2:页面设计 AstroFlow中的
图片 图片组件用于展示图片的UI元素,提供直观的视觉信息。 在左侧组件区域,从“常用控件”中,选择“图片”组件,并拖拽至设计区,如图1所示。 图1 拖拽图片组件到设计区并设置属性 基础配置 上传图片:将文件拖拽上传区域内,或单击上传图片模块进行上传。 上传图片支持jpg、jpeg
下拉选择框 下拉选择框组件可以作为下拉框表单在应用中使用。 在表单设计页面,从“常用组件”中,拖拽“下拉选择框”组件至表单设计区域,如图1所示。 图1 拖拽下拉选择框组件到设计区并设置属性 标题:该字段在表单页面呈现给用户的名称。 帮助提示:为字段添加帮助信息。设置后,标题字段后会显示。
已发布数据管理页”、“打开已发布自定义页面”或“打开外部链接”。 打开方式:提供了“当前页面打开”、“新页面打开”和“弹窗打开”三种方式,您可根据需求选择。 按钮操作:设置单击触发的动作,默认为“打开已发布表单”,可根据需求选择“打开已发布表单”、“打开已发布数据管理页”、“打开已发布自定义页面”或“打开外部链接”。
页签 页签组件可用于将关联信息进行分组和归类,支持将已有组件拖入到指定的标签页中进行分组。 在左侧组件区域,选择“页签”组件,并拖拽至设计区域,如图1所示。 图1 拖拽页签组件到设计区并设置属性 将组件拖拽至页签中,根据需求布局,选中组件可配置对应组件属性。 页签组件不支持嵌套到页签中。
雷达图 雷达图是一种常用的数据可视化图表,也称为蜘蛛网图或星形图。雷达图通过将多个数据系列的指标值在同一张图表中展示出来,以便于比较它们之间的差异和相似性。 在左侧组件区域,从“图表控件”中,选择“雷达图”组件,并拖拽至设计区,如图1所示。 图1 拖拽雷达图组件到设计区并设置属性
动态文本 图片组件允许文本内容根据数据交互的变化而实时更新,提供更加个性化和互动的体验。 在左侧组件区域,从“常用控件”中,选择“动态文本”组件,并拖拽至设计区,如图1所示。 图1 拖拽动态文本组件到设计区并设置属性 基础配置 文本设置:设置文本内容的字体、大小和颜色等。 水平对
关联表单 关联表单组件提供了关联其他表单数据,填充数据到当前表单组件的功能。在获取关联的表单数据同时,还提供了过滤筛选的功能。 图1 拖拽关联表单组件到设计区并设置属性 操作视频 参数说明 标题:该字段在表单页面呈现给用户的名称。 帮助提示:为字段添加帮助信息。设置后,标题字段后会显示。
为连接器添加动作 使用说明 自定义连接器创建完成后,需要为连接器设置执行动作。例如,为创建自定义连接器中创建的无鉴权连接器,添加调用AstroFlow帮助文档的动作。 操作步骤 参考如何登录AstroFlow中操作,登录AstroFlow界面。 在主菜单中,选择“连接器”,进入连接器页面。
图片上传 图片上传组件用于在表单中上传图片,使表单更加地美观。 在表单设计页面,从“常用组件”中,拖拽“图片上传”组件至表单设计区域,如图1所示。 图1 拖拽图片上传组件到设计区并设置属性 标题:该字段在表单页面呈现给用户的名称。 帮助提示:为字段添加帮助信息。设置后,标题字段后会显示。
分割线 分割线为样式型组件,用于分割字段,起装饰作用。 在表单设计页面,从“样式布局”中,拖拽“分割线”组件至表单设计区域,如图1所示。 图1 拖拽分割线组件到设计区并设置属性 状态:设置分割线的状态,如普通、隐藏。 普通:设置为普通后,页面上可正常显示分割线。 隐藏:设置为隐藏后,页面上的分割线将不再显示。
分段标题 分段标题为样式型组件,用于对页面中内容进行分隔。 在表单设计页面,从“样式布局”中,拖拽“分段标题”组件至表单设计区域,如图1所示。 图1 拖拽分段标题组件到设计区并设置属性 标题:设置分段标题的内容,最多支持输入32个字符。 状态:设置字段的状态,如普通和隐藏。 普通
了解AstroFlow中的连接器 为什么要引入连接器 通过连接器,开发者无需关注具体代码实现,只需要选择所需的连接器和配置动作,即可在流程中快速集成其他系统。在AstroFlow中您可以使用Astro低代码平台中提供的官方连接器和自定义连接器。 图1 连接器 官方连接器 Astr
日期范围选择器 时间范围选择器组件用于实现自定义选取时间范围的功能。 在表单设计页面,从“常用组件”中,拖拽“日期范围选择器”组件至表单设计区域,如图1所示。 图1 拖拽日期范围选择器组件到设计区并设置属性 标题:该字段在表单页面呈现给用户的名称。 帮助提示:为字段添加帮助信息。设置后,标题字段后会显示。