检测到您已登录华为云国际站账号，为了您更好的体验，建议您访问国际站服务网站 https://www.huaweicloud.com/intl/zh-cn
不再显示此消息
检测到您已登录华为云国际站账号，为了您更好的体验，建议您访问国际站服务网站 https://www.huaweicloud.com/intl/zh-cn
不再显示此消息
什么是标准页面 AstroZero提供了三种前端页面：标准页面、高级页面和报表。本章节主要带您了解、学习并使用标准页面。 标准页面 标准页面是一种将一个或多个组件拖进画布，进行低代码甚至无代码的配置，即可快速完成业务功能的前端页面。对于一般的业务应用系统，例如请假电子流、出差报销
业务用户登录页前台开发实施步骤 业务用户在前台登录时，需要先在线下开发一个登录组件，上传到高级页面，并在高级页面中配置组件桥接器中的数据。最后在页面中，输入登录账号密码，通过调用“用户登录服务编排”，实现“业务用户”页面登录功能。 本文以“A”应用为例，介绍如何开发登录页面，具体流程如图1所示。
创建“查询工单”脚本及公共接口 本节中的后台逻辑主要是通过脚本的形式，实现对工单记录的查询，然后将查询脚本封装成一个公共接口，供页面调用。 工单列表（客服人员）页面中，为了实现查询并显示已有工单信息功能，需要开发“查询工单”脚本和对应公共接口。 创建“查询工单”脚本 在“我的应用
为AstroZero服务编排添加发送事件图元 发送事件图元的作用 配置该图元能够使用系统预置的，接口发送事件。事件可以被其他服务编排、工作流、状态机和触发器等接收。 如何使用发送事件图元 在基本中，拖拽“发送事件”图元至画布中。 选中发送事件图元，单击，设置基本信息。 表1 基本信息参数说明
值绑定：值绑定类似vue中的v-model语法，组件上创建双向数据绑定。值绑定会根据组件类型，自动选取正确的方法来更新元素。同时，负责监视各类引起绑定数据变化的事件以更新数据。 在“数据绑定”中，单击“值（value）绑定”中的，进入选择模型页面。 单击“新增模型”，进入新增模型页面。
者https。 若购买的为专享版AstroZero，前台页面调用原生服务的API时，需要保证AstroZero和原生服务处于同一个虚拟私有云 VPC。若AstroZero和原生服务处于不同VPC，请参考VPC对等连接中操作，创建VPC对等连接，打通VPC。在AstroZero注册
如何将应用发布成下载前端运行包 使用说明 选择该方式可生成前端运行包，获取包后可运行在如下容器中： 华为OneMobile 蓝标WeLink Web容器（当前只支持高级页面） 操作步骤 参考1~3中操作，进行编译设置，编译设置时请选择“资产包”。 当用户需要下载前端运行包，运行在
值绑定：值绑定类似vue中的v-model语法，组件上创建双向数据绑定。值绑定会根据组件类型，自动选取正确的方法来更新元素。同时，负责监视各类引起绑定数据变化的事件以更新数据。 在“数据绑定”中，单击“值（value）绑定”中的，进入选择模型页面。 单击“新增模型”，进入新增模型页面。
为AstroZero标准页面添加组件 标准页面组件分类 标准页面组件包括系统预置的基本组件和用户自定义的扩展组件，基本组件具体说明如表1所示。如果需要了解每个基本组件的详细使用说明，请将鼠标悬浮在基本组件上，基本组件右上方会出现问号图标，单击该图标会出现该基本组件的使用说明。 表1
为AstroZero服务编排添加等待图元 等待图元的作用 配置该图元能够等待已存在的事件或时间，根据条件决定后续执行何种操作。 如何使用等待图元 在逻辑中，拖拽“等待”图元至画布中。 选中等待图元，单击，设置基本信息。 表1 基本信息参数说明 参数 说明 标签 设置图元的标签，用
使用WebSocket为AstroZero高级页面组件绑定数据 操作场景 开发高级页面时，如果需要消息主动推送、高实时数据展示，您需要使用WebSocket来实现后台数据调用。例如，园区系统在日常运行中，常监测到人员异常或故障信息，需要以告警显示的形式显示在前端界面中。为简化用例
修改AstroZero预置Anonymous User Profile权限的访问权限 在AstroZero中开发的应用是支持游客（Guest）访问的，游客属于一种特殊的业务用户。通过AstroZero预置的Anonymous User Profile权限，可控制游客用户的访问权限。
then(function (data) { taskId = data.result.Recs[0].id; let url2 = '/u-route/baas/bp/v2.0/runtime/tasks/'
json().then(function (data) { taskId = data.result.Recs[0].id; let url2 = '/u-route/baas/bp/v2.0/runtime/tasks/'
长按/截图保存，微信识别二维码
或者关注公众号“华为云”
