检测到您已登录华为云国际站账号,为了您更好的体验,建议您访问国际站服务网站 https://www.huaweicloud.com/intl/zh-cn
不再显示此消息
复选框 复选框组件用于一次性选择多个选项, 例如收集用户兴趣爱好时,可选用该组件。 在表单设计页面,从“常用组件”中,拖拽“复选框”组件至表单设计区域,如图1所示。 图1 拖拽复选框组件到设计区并设置属性 标题:该字段在表单页面呈现给用户的名称。 帮助提示:为字段添加帮助信息。设置后,标题字段后会显示。
日期选择器 日期选择器组件用于记录时间信息,适用于填写出差、加班日期时间等场景。 在表单设计页面,从“常用组件”中,拖拽“日期选择器”组件至表单设计区域,如图1所示。 图1 拖拽日期选择器组件到设计区并设置属性 标题:该字段在表单页面呈现给用户的名称。 帮助提示:为字段添加帮助信息。设置后,标题字段后会显示。
日期范围选择器 时间范围选择器组件用于实现自定义选取时间范围的功能。 在表单设计页面,从“常用组件”中,拖拽“日期范围选择器”组件至表单设计区域,如图1所示。 图1 拖拽日期范围选择器组件到设计区并设置属性 标题:该字段在表单页面呈现给用户的名称。 帮助提示:为字段添加帮助信息。设置后,标题字段后会显示。
1所示。 图1 各文本组件效果呈现图 在表单设计页面,从“常用控件”中,拖拽“富文本”组件至表单设计区域,如图2所示。使用富文本组件时,请谨慎下载“.bat”、“.exe”等危险类型的文件,以保护您的安全。 图2 拖拽富文本组件到设计区并设置属性 标题:该字段在表单页面呈现给用户的名称。
单击“确定”完成选项设置。 图25 设置选项 单击,返回子表单编辑器,在子表单属性设置中,去勾选“允许导出”,查看教育经历最终设计效果。 图26 去勾选允许导出 图27 教育经历最终设计效果 设置工作经历 在组件库中,拖拽“分段标题”组件到页面最下方,并设置组件属性。 图28 设置分段标题 标题:设置为“工作经历”。
备注 备注用于添加注意事项,以指导用户操作。 在表单设计页面,从“样式布局”中,拖拽“备注”组件至表单设计区域,如图1所示。 图1 拖拽备注组件到设计区并设置属性 状态:设置字段的状态,如普通、只读。 普通:设置为普通后,页面上该字段可正常显示,且可进行配置。 只读:设置为只读后,页面上该字段只可读。
手写签名 手写签名组件用于用户手动输入签名。 在表单设计页面,从“高级组件”中,拖拽“手写签名”组件至表单设计区域,如图1所示。 图1 拖拽手写签名组件到设计区并设置属性 标题:该字段在表单页面呈现给用户的名称。 帮助提示:为字段添加帮助信息。设置后,标题字段后会显示。 描述信息:为字段添加附件的说明信息。
布局容器的主要作用是控制其内部元素的排列和布局,确保界面的整洁有序和响应式设计。 在左侧组件区域,选择“布局容器”组件,并拖拽至设计区域,如图1所示。 图1 拖拽布局容器组件到设计区并设置属性 将组件拖拽至布局容器中,根据需求布局,选中组件可配置对应组件属性。 图2 设计布局 基础配置 链接块操作:单击链接块时触
分割线 分割线为样式型组件,用于分割字段,起装饰作用。 在表单设计页面,从“样式布局”中,拖拽“分割线”组件至表单设计区域,如图1所示。 图1 拖拽分割线组件到设计区并设置属性 状态:设置分割线的状态,如普通、隐藏。 普通:设置为普通后,页面上可正常显示分割线。 隐藏:设置为隐藏后,页面上的分割线将不再显示。
成员 成员组件用于从通讯录中添加用户。 在表单设计页面,从“常用组件”中,拖拽“成员”组件至表单设计区域,如图1所示。 图1 拖拽成员组件到设计区并设置属性 标题:该字段在表单页面呈现给用户的名称。 帮助提示:为字段添加帮助信息。设置后,标题字段后会显示。 描述信息:为字段添加附件的说明信息。
评分 评分组件用于表单提交评分数据。 在表单设计页面,从“常用组件”中,拖拽“评分”组件至表单设计区域,如图1所示。 图1 拖拽评分组件到设计区并设置属性 标题:该字段在表单页面呈现给用户的名称。 帮助提示:为字段添加帮助信息。设置后,标题字段后会显示。 描述信息:为字段添加附件的说明信息。
分段标题 分段标题为样式型组件,用于对页面中内容进行分隔。 在表单设计页面,从“样式布局”中,拖拽“分段标题”组件至表单设计区域,如图1所示。 图1 拖拽分段标题组件到设计区并设置属性 标题:设置分段标题的内容,最多支持输入32个字符。 状态:设置字段的状态,如普通和隐藏。 普通
页签组件可用于将关联信息进行分组和归类,支持将已有组件拖入到指定的标签页中进行分组。 在表单设计页面,从“常用控件”中,拖拽“页签”组件至表单设计区域,如图1所示。 子表单、流水号和页签组件不支持嵌套到页签中。 图1 拖拽页签组件到设计区并设置属性 状态:设置字段的状态,如普通和隐藏。 普通:设置为普通
单选 单选组件用于在有限的选项中选择其中某一个选项,例如选择性别、年龄段等场景。 在表单设计页面,从“常用组件”中,拖拽“单选”组件至表单设计区域,如图1所示。 图1 拖拽单选组件到设计区并设置属性 标题:该字段在表单页面呈现给用户的名称。 帮助提示:为字段添加帮助信息。设置后,标题字段后会显示。
下拉选择框 下拉选择框组件可以作为下拉框表单在应用中使用。 在表单设计页面,从“常用组件”中,拖拽“下拉选择框”组件至表单设计区域,如图1所示。 图1 拖拽下拉选择框组件到设计区并设置属性 标题:该字段在表单页面呈现给用户的名称。 帮助提示:为字段添加帮助信息。设置后,标题字段后会显示。
地址 地址组件用于设置员工出生地、公司所在地等地址信息。 在表单设计页面,从“常用组件”中,拖拽“地址”组件至表单设计区域,如图1所示。 图1 拖拽地址组件到设计区并设置属性 标题:该字段在表单页面呈现给用户的名称。 帮助提示:为字段添加帮助信息。设置后,标题字段后会显示。 描述信息:为字段添加附件的说明信息。
公式计算是一个只读组件,不允许手动改动,输入数据值后,根据配置好的计算公式,自动计算得到结果。 在表单设计页面,从“高级组件”中,拖拽“公式计算”组件至表单设计区域,如图1所示。 图1 拖拽公式计算组件到设计区并设置属性 标题:该字段在表单页面呈现给用户的名称。 帮助提示:为字段添加帮助信息。设置后,标题字段后会显示。
图1 创建页面流程 新建一个空白的页面 通过新增“自定义页面”,新建一个空白的页面。 页面设计 AstroFlow中的页面由一个或多个组件拼装而成。请选择合适的组件,拖拽到设计区,完成页面的设计。 页面发布 页面发布后,才可以在运行态登录浏览页面。 父主题: 自定义页面管理
数据表 数据表用于展示数据的明细表。设计良好的数据表不仅能提升界面的专业感,还能有效提高工作效率。 在左侧组件区域,从“图表控件”中,选择“数据表”组件,并拖拽至设计区,如图1所示。 图1 拖拽数据表组件到设计区并设置属性 基础配置 标题:该模块在页面呈现给用户的名称。 帮助提示
文本输入、文本、富文本呈现的效果,如图1所示。 图1 各文本组件效果呈现图 在表单设计页面,从“常用控件”中,拖拽“多行文本输入”组件至表单设计区域,如图2所示。 图2 拖拽多行文本输入组件到设计区并设置属性 标题:该字段在表单页面呈现给用户的名称。 帮助提示:为字段添加帮助信息。设置后,标题字段后会显示。