检测到您已登录华为云国际站账号，为了您更好的体验，建议您访问国际站服务网站 https://www.huaweicloud.com/intl/zh-cn
不再显示此消息
检测到您已登录华为云国际站账号，为了您更好的体验，建议您访问国际站服务网站 https://www.huaweicloud.com/intl/zh-cn
不再显示此消息
设置AstroZero标准页面面包屑组件属性 面包屑组件用于显示网站的层级结构，告知用户当前所在位置。 图1 面包屑组件 数据绑定 将面包屑组件的某个属性，如隐藏、样式、跳转等与具体的模型字段相绑定，绑定后组件的属性随模型字段的值变化而变化，类似Vue的v-bind。 在“数据绑定”中，单击“属性值绑定”后的“+”。
下、从左到右的顺序依次排列，组件的高度将根据组件内容大小进行自适应，宽度可按百分比进行配置。该布局常用于常规Web应用开发，例如电商网站、管理网站等等。 搭建高级页面。 在高级页面开发界面，单击，打开组件列表。 从组件列表中，拖拽基本柱图组件到画布中，按需调整组件的位置和大小。 图11
开始时间：设置填报页允许开始提交数据的时间，如果不设置默认即时生效。 截止时间：设置填报页停止提交数据的最终时间，如果不设置默认可一直操作该页面。 填报模式：指定填报页的提交次数，如不允许重复提交数据，或需要周期性指定时间段的提交数据。 单次填报：表单填报页，仅允许提交一次或再次编辑已提交数据，不支
面包屑 面包屑组件用于显示网站的层级结构，告知用户当前所在位置以及在需要向上级导航时显示。 在标准页面设计界面，从“基本组件 > 基本”中，拖拽“面包屑”组件至页面工作区域，如图1。 图1 面包屑 查看组件帮助 将鼠标放在对应的组件上，单击，可查看组件说明。 图2 查看组件说明 属性
流式布局与绝对布局的自适应设计 以电脑端为例，分别为您介绍流式布局与绝对布局的自适应设计。 流式布局 流式布局为自适应布局，用于常规Web应用开发，例如电商网站、管理网站等。流式布局为12列栅格布局，可拖动组件右侧边界，按栅格进行组件宽度调整。组件高度将根据组件内容进行自适应，页面中组件将按照从左到右、
、从左到右的顺序依次排列，组件的高度将根据组件内容大小进行自适应，宽度可按百分比进行配置。流式布局常用于常规Web应用开发，例如电商网站、管理网站等。 开发高级页面。 下面以开发一个绝对布局的高级页面为例，向您如何使用AstroZero快速开发一个高级页面。 图2 绝对布局类型高级页面组件布局示例
在AstroZero环境配置页面的“维护 > 全局元素 > 页面资产管理 > 组件”，单击“提交新组件”。 在提交新组件页面，设置组件基本信息，并上传压缩文件，单击“提交”。 图6 上传自定义组件示例 表3 上传组件参数说明 参数 说明 名字 新提交组件的名称，系统会根据组件包名称自动填充。 示例：TabsWidget
创建“生成工单”脚本及公共接口 “生成工单”功能对应电梯管理流程的第一个节点，客服人员在录入完成维修信息、提交维修单时将会调用“生成工单”脚本及公共接口。 创建“生成工单”脚本 在“我的应用”中，单击“设备维修管理系统”，进入应用。 在“WorkOrder”目录中，将鼠标放在“S
下面以编排一个重置功能的按钮为例，介绍如何通过内置动作编排事件。本示例主要是通过内置动作“重置表单”实现该功能，即重置表单数据。“提交表单”是指将页面数据提交到表单中，和重置表单配置类似，不再单独介绍。 在标准页面开发界面，选中按钮组件。 在右侧“事件”页签中，单击“点击”后的，进入“添加动作”页面。
在WeLink上提交发布应用申请。 在“应用开发 > 首页 > 轻应用 > 版本管理”中，单击“发布版本”。 图22 在WeLink上发布版本 选择审核员，在“版本说明”中输入说明信息，如“第一次测试发布”，单击“确定”，提交发布应用申请给审核员审核。 图23 输入版本说明 提交审核后，
o Canvas大屏页面进行二次编辑和配置。在AstroZero运行环境中，编辑Astro Canvas应用与在开发环境中操作基本一致，仅入口不同。 操作步骤 参考登录管理中心中操作，登录AstroZero管理中心。 在主菜单中，选择“业务大屏”，进入AstroCanvas界面。
根据权限执行应用中开发的服务编排、脚本、BPM。 根据权限访问在应用中自定义的公共接口。 在开发环境新增业务用户 使用华为账号，登录华为云网站，在顶部导航栏右侧单击“控制台”，进入华为云控制台。 在左侧导航栏上方，单击，选择服务实例所在的区域项目。 单击，在查找框中搜索“Astr
见可用可编辑。 本章节以用户填写调查问卷单击“提交”按钮后，调查问卷项只可读，不可编辑为例，向您介绍。设置组件是否可见可用的配置方法相似，这里以配置是否可编辑为例进行说明。 控制组件只可读不可编辑 在用户填写调查问卷页面，选中“提交”按钮组件。 在右侧“事件”页签中，单击，进入添加动作页面。
组装“工单列表（客服人员）”页面 “工单列表（客服人员）”页面与查询设备列表页面类似，包含工单查询条件、工单列表，以及创建工单的入口，用标准页面功能实现。 如图1所示，工单列表（客服人员）页面主要是一个表格、“创建工单”按钮及表格查询区域构成。 图1 工单列表（客服人员） 操作步骤
增加、删除和修改。 通过AstroZero中的脚本实现表单的提交限制功能 在开发前端页面时，可以在脚本中为表单添加一些提交限制，来提升用户体验和数据的安全。本实践向您介绍，如何在脚本中定义一个延迟时间，在规定的时间内提交表单时，提示“Submission failed: Not PortalUser
在应用中，会显示“我的待办”、“我的申请”、“我已处理”和“抄送我的”四个流程。在新建的“流程1-发起流程”中，填写申请，单击“提交”，效果如图7。 图7 提交出差申请效果 审批人登录AstroZero零代码工作台，单击“任务中心 > 我的待办”中的申请流程，完成流程审批。 图8 在工作台中查看审批流程
图13 提交代码 在代码仓库“文件”页签下，单击“Application”，可查看应用的归档代码。 图14 查看归档应用 图15 查看应用代码 代码仓库“提交网络”页签是以流向图的形式展现了某条分支或标签的整个提交（commit）历史（包括动作、时间、提交者、提交系统生成备注和手动填写备注）以及提交历史的关系。
设置AstroZero标准页面输入框组件属性 输入框是基础输入组件，输入框中的内容可以通过鼠标或键盘输入。输入框一般在有需要输入内容、提供组合型条件查询或有其他资料需要提交时使用。 图1 输入框组件 数据绑定 通过建立不同类型的视图模型，将各种数据源和组件的返回值或者属性值进行关联，实现动态数据效果。 值绑定
的唯一性。如果索引字段设置为非必填，则整个表单记录只能有一条空数据。 提交提示：自定义表单提交提示页。 提交按钮：自定义提交按钮显示的文字，支持国际化设置。 提交完成设置：适用于链接分享方式的表单，当数据提交完成时，弹出的提示设置。 父主题： 表单管理
组装“生成工单”页面 “生成工单”对应设备管理流程的第一个节点，客服人员使用这个页面完成维修信息录入，生成维修工单，并提交给派单人员处理。该页面使用标准页面组装实现。 页面组件分析 “生成工单”页面的组装过程如下： 在页面中，拖入一个容器组件。 在容器组件中，拖入一个表单组件和容器组件。
长按/截图保存，微信识别二维码
或者关注公众号“华为云”
