检测到您已登录华为云国际站账号，为了您更好的体验，建议您访问国际站服务网站 https://www.huaweicloud.com/intl/zh-cn
不再显示此消息
检测到您已登录华为云国际站账号，为了您更好的体验，建议您访问国际站服务网站 https://www.huaweicloud.com/intl/zh-cn
不再显示此消息
按钮 按钮组件是自定义页面设计中一个非常重要的元素，它允许用户通过单击触发一个动作。 在左侧组件区域，选择“按钮”组件，并拖拽至设计区域，如图1所示。 图1 拖拽按钮组件到设计区并设置属性 基础配置 文本：输出按钮显示的内容。输入内容不得超过32个字符。 文本大小：设置按钮文本大
复选框 复选框组件用于一次性选择多个选项， 例如收集用户兴趣爱好时，可选用该组件。 在表单设计页面，从“常用组件”中，拖拽“复选框”组件至表单设计区域，如图1所示。 图1 拖拽复选框组件到设计区并设置属性 标题：该字段在表单页面呈现给用户的名称。 帮助提示：为字段添加帮助信息。设置后，标题字段后会显示。
日期选择器 日期选择器组件用于记录时间信息，适用于填写出差、加班日期时间等场景。 在表单设计页面，从“常用组件”中，拖拽“日期选择器”组件至表单设计区域，如图1所示。 图1 拖拽日期选择器组件到设计区并设置属性 标题：该字段在表单页面呈现给用户的名称。 帮助提示：为字段添加帮助信息。设置后，标题字段后会显示。
日期范围选择器 时间范围选择器组件用于实现自定义选取时间范围的功能。 在表单设计页面，从“常用组件”中，拖拽“日期范围选择器”组件至表单设计区域，如图1所示。 图1 拖拽日期范围选择器组件到设计区并设置属性 标题：该字段在表单页面呈现给用户的名称。 帮助提示：为字段添加帮助信息。设置后，标题字段后会显示。
单选 单选组件用于在有限的选项中选择其中某一个选项，例如选择性别、年龄段等场景。 在表单设计页面，从“常用组件”中，拖拽“单选”组件至表单设计区域，如图1所示。 图1 拖拽单选组件到设计区并设置属性 标题：该字段在表单页面呈现给用户的名称。 帮助提示：为字段添加帮助信息。设置后，标题字段后会显示。
下拉选择框 下拉选择框组件可以作为下拉框表单在应用中使用。 在表单设计页面，从“常用组件”中，拖拽“下拉选择框”组件至表单设计区域，如图1所示。 图1 拖拽下拉选择框组件到设计区并设置属性 标题：该字段在表单页面呈现给用户的名称。 帮助提示：为字段添加帮助信息。设置后，标题字段后会显示。
地址 地址组件用于设置员工出生地、公司所在地等地址信息。 在表单设计页面，从“常用组件”中，拖拽“地址”组件至表单设计区域，如图1所示。 图1 拖拽地址组件到设计区并设置属性 标题：该字段在表单页面呈现给用户的名称。 帮助提示：为字段添加帮助信息。设置后，标题字段后会显示。 描述信息：为字段添加附件的说明信息。
公式计算是一个只读组件，不允许手动改动，输入数据值后，根据配置好的计算公式，自动计算得到结果。 在表单设计页面，从“高级组件”中，拖拽“公式计算”组件至表单设计区域，如图1所示。 图1 拖拽公式计算组件到设计区并设置属性 标题：该字段在表单页面呈现给用户的名称。 帮助提示：为字段添加帮助信息。设置后，标题字段后会显示。
图1 创建页面流程 新建一个空白的页面 通过新增“自定义页面”，新建一个空白的页面。 页面设计 AstroFlow中的页面由一个或多个组件拼装而成。请选择合适的组件，拖拽到设计区，完成页面的设计。 页面发布 页面发布后，才可以在运行态登录浏览页面。 父主题： 自定义页面管理
数据表 数据表用于展示数据的明细表。设计良好的数据表不仅能提升界面的专业感，还能有效提高工作效率。 在左侧组件区域，从“图表控件”中，选择“数据表”组件，并拖拽至设计区，如图1所示。 图1 拖拽数据表组件到设计区并设置属性 基础配置 标题：该模块在页面呈现给用户的名称。 帮助提示
图片上传 图片上传组件用于在表单中上传图片，使表单更加地美观。 在表单设计页面，从“常用组件”中，拖拽“图片上传”组件至表单设计区域，如图1所示。 图1 拖拽图片上传组件到设计区并设置属性 标题：该字段在表单页面呈现给用户的名称。 帮助提示：为字段添加帮助信息。设置后，标题字段后会显示。
分割线 分割线为样式型组件，用于分割字段，起装饰作用。 在表单设计页面，从“样式布局”中，拖拽“分割线”组件至表单设计区域，如图1所示。 图1 拖拽分割线组件到设计区并设置属性 状态：设置分割线的状态，如普通、隐藏。 普通：设置为普通后，页面上可正常显示分割线。 隐藏：设置为隐藏后，页面上的分割线将不再显示。
成员 成员组件用于从通讯录中添加用户。 在表单设计页面，从“常用组件”中，拖拽“成员”组件至表单设计区域，如图1所示。 图1 拖拽成员组件到设计区并设置属性 标题：该字段在表单页面呈现给用户的名称。 帮助提示：为字段添加帮助信息。设置后，标题字段后会显示。 描述信息：为字段添加附件的说明信息。
评分 评分组件用于表单提交评分数据。 在表单设计页面，从“常用组件”中，拖拽“评分”组件至表单设计区域，如图1所示。 图1 拖拽评分组件到设计区并设置属性 标题：该字段在表单页面呈现给用户的名称。 帮助提示：为字段添加帮助信息。设置后，标题字段后会显示。 描述信息：为字段添加附件的说明信息。
分段标题 分段标题为样式型组件，用于对页面中内容进行分隔。 在表单设计页面，从“样式布局”中，拖拽“分段标题”组件至表单设计区域，如图1所示。 图1 拖拽分段标题组件到设计区并设置属性 标题：设置分段标题的内容，最多支持输入32个字符。 状态：设置字段的状态，如普通和隐藏。 普通
页签组件可用于将关联信息进行分组和归类，支持将已有组件拖入到指定的标签页中进行分组。 在表单设计页面，从“常用控件”中，拖拽“页签”组件至表单设计区域，如图1所示。 子表单、流水号和页签组件不支持嵌套到页签中。 图1 拖拽页签组件到设计区并设置属性 状态：设置字段的状态，如普通和隐藏。 普通：设置为普通
在页面左上角，单击，设置表单名称。 输入表单名称的长度，不能超过32个字符。 图2 设置表单名称 从组件库中，拖拽所需的组件到表单设计区，完成表单设计。 例如，拖拽两个“单选”组件和一个“复选框”组件到设计区，并设置组件属性。 表单中，组件数量不能超过200个。若表单中包含子表单，则“子表单+子表单中组件+
文本输入、文本、富文本呈现的效果，如图1所示。 图1 各文本组件效果呈现图 在表单设计页面，从“常用控件”中，拖拽“单行文本输入”组件至表单设计区域，如图2所示。 图2 拖拽单行文本输入组件到设计区并设置属性 标题：该字段在表单页面呈现给用户的名称。 帮助提示：为字段添加帮助信息。设置后，标题字段后会显示。
用户不会在这个组件上传或填写数据，所有用户看到的效果一样。 图1 图文展示效果 在表单设计页面，从“常用控件”中，拖拽“图文展示”组件至表单设计区域，如图2所示。 图2 拖拽图文展示组件到设计区并设置属性 状态：设置组件的状态，如普通（正常显示）或隐藏。 编辑展示内容：单击“编辑
文本输入、文本、富文本呈现的效果，如图1所示。 图1 各文本组件效果呈现图 在表单设计页面，从“常用控件”中，拖拽“多行文本输入”组件至表单设计区域，如图2所示。 图2 拖拽多行文本输入组件到设计区并设置属性 标题：该字段在表单页面呈现给用户的名称。 帮助提示：为字段添加帮助信息。设置后，标题字段后会显示。
长按/截图保存，微信识别二维码
或者关注公众号“华为云”
