检测到您已登录华为云国际站账号，为了您更好的体验，建议您访问国际站服务网站 https://www.huaweicloud.com/intl/zh-cn
不再显示此消息
检测到您已登录华为云国际站账号，为了您更好的体验，建议您访问国际站服务网站 https://www.huaweicloud.com/intl/zh-cn
不再显示此消息
在高级页面开发过程中，常需要调测自定义组件或整个前台页面，本节将介绍高级页面调测的常用工具。对于自定义组件的开发和调试，AstroZero提供Scaffolding脚手架工具，可实现本地开发组件的实时在线调测。对于前台页面中常遇到的样式或功能问题，可借助浏览器内置的开发者工具来对问题进行调试和定位。 前台页面常用调测方法
ME”，后续创建的所有应用、应用元素（对象、脚本、页面等）都将以“CNAME__”开头。 设置新建应用基本信息，单击“新建”。 图4 新建空白应用 表2 新建空白应用参数说明 参数 说明 添加图标 单击“添加图标”按钮，可为新建的应用添加图标。 标签 新建应用的标签，长度不能超过
属性值绑定，用于对该组件所有属性的动态设置。当某一属性被动态绑定时，以绑定值为准。更多介绍，请参见属性绑定。 基本属性：基本属性通过数据绑定后，在运行时以数据绑定的值为准。 标题：模态框的标题。 确定按钮文字：模态框的“确定”按钮上的文字。 取消按钮文字：模态框的“取消”按钮上的文字。 显示Loa
设计视图：页面默认视图，在此视图下通过拖拉拽的方式对需要在页面布局中展示的组件元素进行编排。所有组件视图化，所见即所得，让您快速构建所需的页面布局。 模型视图：显示页面所涉及的模型视图。 事件视图：在该视图下，页面布局中各事件以代码形式展示在工作区。 样式代码：页面自定义的样式代码。
为AstroZero服务编排添加记录删除图元 记录删除图元的作用 配置该图元能够删除平台对象的实例记录，类似于数据库中的DELETE命令。 如何使用记录删除图元 在基本中，拖拽“记录删除”图元至画布中。 选中记录删除图元，单击，设置基本信息。 表1 基本信息参数说明 参数 说明 标签 设置图元的标签，用于在
决策图元 决策图元的作用 配置该图元能够在服务编排中创建判断条件，根据判断结果连线其他图元，决定后续执行何种操作，类似if语句。 如何使用决策图元 在逻辑中，拖拽“决策”图元至画布中。 选中决策图元，单击，设置基本信息。 表1 基本信息参数说明 参数 参数说明 标签 图元的标签，
为AstroZero服务编排添加发送事件图元 发送事件图元的作用 配置该图元能够使用系统预置的，接口发送事件。事件可以被其他服务编排、工作流、状态机和触发器等接收。 如何使用发送事件图元 在基本中，拖拽“发送事件”图元至画布中。 选中发送事件图元，单击，设置基本信息。 表1 基本信息参数说明
上级经理：把任务分配给执行当前用户任务的用户的上级经理。 特定的用户：把任务分配给选择框中选择的用户。 队列：把任务分配给选择框中选择的工作队列中的所有用户。 用户属性：根据用户对象的某一字段，进行任务的分配。 变量：根据输入框中的用户ID或用户名，将任务分配给相应的用户。 图6 基于规则 父主题：
为AstroZero服务编排添加等待图元 等待图元的作用 配置该图元能够等待已存在的事件或时间，根据条件决定后续执行何种操作。 如何使用等待图元 在逻辑中，拖拽“等待”图元至画布中。 选中等待图元，单击，设置基本信息。 表1 基本信息参数说明 参数 说明 标签 设置图元的标签，用于在服务编排设
在页面右上角，单击“查看统计”，进入统计页面。 单击“点击创建”，进入视图编辑页面。 图1 创建视图 在视图编辑页面，拖拽所需的组件到视图设计区，并在右侧属性面板中按照下图，分别设置组件属性。 通过数据组件饼图、柱状图、折线统图等，可以帮助用户清晰、多样化的展示数据。 图2 视图属性设置 完成后，单击“保存”，返回应用开发页面。
存储”中，拖拽“minio”图元到画布中。 minio是系统预置的，与MINIO对接的存储接口。 图4 拖拽minio图元到画布中 选中图元，单击，设置基本信息。 图5 设置基本信息 表2 基本信息参数说明 参数 说明 标签 图元在页面显示的名称，用于在页面显示。 名称 图元在系统中的唯一标识，不能和其他图元相同。命名要求如下：
选择“创建新事件”，设置基本信息，单击“添加”。 图1 添加事件 表1 新建事件参数说明 参数 说明 标签 新建事件的标签名，用于在页面展示。 取值范围：1~64个字符。 名称 输入事件的名称，名称是事件在系统中的唯一标识，创建后不可修改。命名要求如下： 长度不能超过64个字符，包括前缀命名空间和后缀的长度。 说明：
题供您选择。 图标：设置应用的Logo，如更改Logo图片、设置圆形图标和隐藏文字。将鼠标放在“图标”下的图片上，选择“更改”，可更改应用Logo。 布局：选择“布局”中的样式，在右侧区域设置布局参数，如菜单、子菜单、页签、应用标题的字体及颜色等。 布局选项：提供了一些常见选项，用于设置应用布局。
单击页面上方的，保存模型。 绑定模型“workOrderList”。 单击“设计视图”，从“模型视图”切换到“设计视图”。 选中“列表视图容器”标签中的“列表视图”标签（不要选择列表视图容器），为其绑定“workOrderList”。 图12 绑定数据模型 如图13所示，选中“
面包屑组件用于显示网站的层级结构，告知用户当前所在位置。 图1 面包屑组件 数据绑定 将面包屑组件的某个属性，如隐藏、样式、跳转等与具体的模型字段相绑定，绑定后组件的属性随模型字段的值变化而变化，类似Vue的v-bind。 在“数据绑定”中，单击“属性值绑定”后的“+”。 图2 单击添加图标 在“属性”下拉框中，选择容器的某个属性。
密钥文件中的client_secret，即为Client Secret的值。 消息体属性：从鉴权接口返回的，消息字段的映射规则。 根据OAuth2标准协议，返回体一般如图3所示。由于不同的第三方实现的情况可能不一样，返回的不一定是标准的键值。例如，有些第三方接口返回的是“accessToken”，而不是“ac
对于非交互类流程这是非必要的。 以上也是工作流更适合制作交互式流程的原因。人工交互流程需要页面的结合、需要对复杂的分配规则的封装，需要能够进行事后审计的能力。而对于系统的服务编排是不必要的，并且，记录日志反而可能会造成不必要的性能损失。 因此，结合两者的不同场景，工作流可与服务编
和图标”。 图1 选择“修改名称和图标” 根据需要，重新设置应用的名称、图标和图标颜色。 图2 修改应用名称和图标 父主题： 管理零码应用
方便在组件调试的过程中，轻易地获取整个当前页面状态的快照。全局状态的结构定义由以下三部分组成： state：定义页面所有组件的初始状态数据，即页面中所有组件共享状态的初始数据源。 mutations：状态变更的唯一方法是提交mutation。mutation以声明的方式，将sta
标题：用于添加具有标题意义的文字，可以通过选择属性“标题类型”的值，来控制添加标题的文字大小。 链接：链接地址，用于链接、跳转，一般常用来打开新页面或作为文字性按钮使用。 图片：用于上传图片，可以从OBS或者SFTP选择或上传图片。 面包屑：显示网站的层级结构，告知用户当前所在的位置，如“首页/菜单1/菜单2/菜单3”。
长按/截图保存，微信识别二维码
或者关注公众号“华为云”
