检测到您已登录华为云国际站账号,为了您更好的体验,建议您访问国际站服务网站 https://www.huaweicloud.com/intl/zh-cn
不再显示此消息
图片上传 图片上传组件用于在表单中上传图片,使表单更加地美观。 在表单设计页面,从“常用组件”中,拖拽“图片上传”组件至表单设计区域,如图1所示。 图1 拖拽图片上传组件到设计区并设置属性 标题:该字段在表单页面呈现给用户的名称。 帮助提示:为字段添加帮助信息。设置后,标题字段后会显示。
手写签名组件用于用户手动输入签名。 在表单设计页面,从“高级组件”中,拖拽“手写签名”组件至表单设计区域,如图1所示。 图1 拖拽手写签名组件到设计区并设置属性 标题:该字段在表单页面呈现给用户的名称。 帮助提示:为字段添加帮助信息。设置后,标题字段后会显示。 描述信息:为字段添加附件的说明信息。 状态
分段标题 分段标题为样式型组件,用于对页面中内容进行分隔。 在表单设计页面,从“样式布局”中,拖拽“分段标题”组件至表单设计区域,如图1所示。 图1 拖拽分段标题组件到设计区并设置属性 标题:设置分段标题的内容,最多支持输入32个字符。 状态:设置字段的状态,如普通和隐藏。 普通:设置为
置。调用另一个表单中满足条件的数据,根据其他字段的变化自动填写/自动调整。 单击“数据联动设置”。 选择联动表单。应用中已创建并发布的表单。 设置触发联动的具体条件。例如“商品类型”等于当前表单字段“商品类型”。 设置数据联动,选择联动显示为联动表单的对应值,当前表单组件不可变更,自动读取当前组件名称。
单击“数据联动设置”。 选择联动表单。应用中已创建并发布的表单。 设置触发联动的具体条件。例如“商品类型”等于“鼠标”。 设置数据联动,选择联动显示为联动表单的对应值,当前表单组件不可变更,自动读取当前组件名称。 仅支持数值、公式计算组件的值。 单击“确认”。 当数据联动符合筛选条件的数据为多条时,按时间排序,取最新的一条数据。
日期范围选择器 时间范围选择器组件用于实现自定义选取时间范围的功能。 在表单设计页面,从“常用组件”中,拖拽“日期范围选择器”组件至表单设计区域,如图1所示。 图1 拖拽日期范围选择器组件到设计区并设置属性 标题:该字段在表单页面呈现给用户的名称。 帮助提示:为字段添加帮助信息。设置后,标题字段后会显示。
单击“数据联动设置”。 选择联动表单。应用中已创建并发布的表单。 设置触发联动的具体条件。例如“联动表单总商品类型等于当前表单的商品类型”且“联动表单总商品名称等于当前表单的商品名称”。 设置数据联动,选择联动显示为联动表单的对应值,当前表单组件不可变更,自动读取当前组件名称。
等场景。 在表单设计页面,从“常用组件”中,拖拽“日期选择器”组件至表单设计区域,如图1所示。 图1 拖拽日期选择器组件到设计区并设置属性 标题:该字段在表单页面呈现给用户的名称。 帮助提示:为字段添加帮助信息。设置后,标题字段后会显示。 描述信息:为字段添加附件的说明信息。 状
组件至表单设计区域,如图2所示。使用富文本组件时,请谨慎下载“.bat”、“.exe”等危险类型的文件,以保护您的安全。 图2 拖拽富文本组件到设计区并设置属性 标题:该字段在表单页面呈现给用户的名称。 帮助提示:为字段添加帮助信息。设置后,标题字段后会显示。 描述信息:为字段添加附件的说明信息。
分割线为样式型组件,用于分割字段,起装饰作用。 在表单设计页面,从“样式布局”中,拖拽“分割线”组件至表单设计区域,如图1所示。 图1 拖拽分割线组件到设计区并设置属性 状态:设置分割线的状态,如普通、隐藏。 普通:设置为普通后,页面上可正常显示分割线。 隐藏:设置为隐藏后,页面上的分割线将不再显示。 文本:设置分割线上显示的文字。
单击“数据联动设置”。 选择联动表单。应用中已创建并发布的表单。 设置触发联动的具体条件。例如“联动表单总商品类型等于当前表单的商品类型”且“联动表单总商品名称等于当前表单的商品名称”。 设置数据联动,选择联动显示为联动表单的对应值,当前表单组件不可变更,自动读取当前组件名称。
备注 备注用于添加注意事项,以指导用户操作。 在表单设计页面,从“样式布局”中,拖拽“备注”组件至表单设计区域,如图1所示。 图1 拖拽备注组件到设计区并设置属性 状态:设置字段的状态,如普通、只读。 普通:设置为普通后,页面上该字段可正常显示,且可进行配置。 只读:设置为只读后,页面上该字段只可读。
页签组件可用于将关联信息进行分组和归类,支持将已有组件拖入到指定的标签页中进行分组。 在表单设计页面,从“常用控件”中,拖拽“页签”组件至表单设计区域,如图1所示。 子表单、流水号和页签组件不支持嵌套到页签中。 图1 拖拽页签组件到设计区并设置属性 状态:设置字段的状态,如普通和隐藏。 普通:设置为普通后
单击“数据联动设置”。 选择联动表单。应用中已创建并发布的表单。 设置触发联动的具体条件。例如“联动表单总商品类型等于当前表单的商品类型”且“联动表单总商品名称等于当前表单的商品名称”。 设置数据联动,选择联动显示为联动表单的对应值,当前表单组件不可变更,自动读取当前组件名称。
地址组件用于设置员工出生地、公司所在地等地址信息。 在表单设计页面,从“常用组件”中,拖拽“地址”组件至表单设计区域,如图1所示。 图1 拖拽地址组件到设计区并设置属性 标题:该字段在表单页面呈现给用户的名称。 帮助提示:为字段添加帮助信息。设置后,标题字段后会显示。 描述信息:为字段添加附件的说明信息。 状态:设
单行文本输入用于录入普通的文本,且只能有一行。单行文本输入和多行文本输入、文本、富文本呈现的效果,如图1所示。 图1 各文本组件效果呈现图 在表单设计页面,从“常用控件”中,拖拽“单行文本输入”组件至表单设计区域,如图2所示。 图2 拖拽单行文本输入组件到设计区并设置属性 标题:该字段在表单页面呈现给用户的名称。
面的创建。 图1 添加一个空白表单页面 步骤2:页面设计 AstroFlow中的页面由一个或多个组件拼装而成。在左侧组件区域,选择合适的组件,拖拽到中间设计区。在设计区选中组件,设置组件的属性。各组件详细介绍,请参见自定义页面组件介绍。 页面设计中,组件数量不能超过200个。 图2
100]。 Y:Y偏移,阴影在垂直方向(Y轴)的偏移距离,取值范围[-100, 100]。 模糊:阴影的模糊程度。值为0时表示阴影边缘锐利,没有模糊。值越大,阴影的边缘就越模糊,从而产生更柔和的阴影效果。取值范围[0, 100]。 扩散:扩散半径,它允许阴影在原始尺寸基础上向外
钮”三种常见的按钮类型,每种按钮都有其特定的用途和视觉特征,您可按需选择。 主要按钮:表示界面中最主要或最重要的操作,如提交表单、确认购买等。通常具有醒目的颜色,以便在页面上突出显示。 次要按钮:用于表示次要或辅助的操作,如取消操作、返回上一步等。 警示按钮:用于表示操作可能带来
具体流程如图1所示。 图1 创建页面流程 新建一个空白的页面 通过新增“自定义页面”,新建一个空白的页面。 页面设计 AstroFlow中的页面由一个或多个组件拼装而成。请选择合适的组件,拖拽到设计区,完成页面的设计。 页面发布 页面发布后,才可以在运行态登录浏览页面。 父主题: