检测到您已登录华为云国际站账号，为了您更好的体验，建议您访问国际站服务网站 https://www.huaweicloud.com/intl/zh-cn
不再显示此消息
检测到您已登录华为云国际站账号，为了您更好的体验，建议您访问国际站服务网站 https://www.huaweicloud.com/intl/zh-cn
不再显示此消息
将AstroZero标准页面保存为模板 标准页面开发完成后，支持将该页面保存为模板。标准页面保存为模板后，该开发者用户、注册AstroZero的华为账号、华为账号下其他AstroZero开发者可直接使用该页面模板来创建标准页面。 自定义标准模板 参考登录AstroZero新版应用设计器中操作，进入应用设计器。
设置AstroZero工作流运行态界面布局 在配置完整个工作流图元及流程后，还可以根据需要选择性的配置工作流在运行态的界面布局。 设置运行态界面布局 参考登录AstroZero新版应用设计器中操作，登录应用设计器。 在左侧导航栏中，选择“流程”，单击某个工作流，进入工作流编辑页面。
请参见值绑定。 自定义：由用户自定义的前端模型，可以在模型树上快速创建自定义字段。 对象：由后台对象模型映射创建，支持选择字段。 服务：由后台服务的出入参数模型创建，分别生成inputParam和outputParam节点。 事件：由后台事件的字段映射创建，并且支持websocket刷新模型数据。
将AstroZero自定义对象生成前端页面 生成列表页 基于当前对象直接生成一个列表页，用来维护管理对象里的记录数据。例如，对销售数据进行管理，需要一个管理界面，能通过一定条件查询到销售数据，并将销售数据通过列表形式展示在页面上。 参考登录AstroZero新版应用设计器中操作，登录应用设计器。
脚本 对应相对复杂的业务逻辑，AstroZero提供了脚本、服务编排等后台逻辑形式。本章节主要带您了解脚本的基础知识。 AstroZero的脚本引擎采用TypeScript语言。脚本执行时，TypeScript语言会被翻译成JavaScript语言，由JavaScript引擎执行。在JavaScript
查看AstroZero高级页面性能 使用AstroZero开发完高级页面后，支持检查高级页面性能，生成性能报告页，供开发者查看。 检查页面性能 打开要进行性能检查的高级页面，在浏览器开发者工具中，勾选“Disable cache”属性。 在Chrome浏览器中，按下“F12”或者“Ctrl
TabsWidget.css 组件的样式文件，在该文件中编写组件的CSS样式。 TabsWidget.ftl 组件DOM结构文件，需要在服务端提前渲染的部分可以写在此文件中，相当于HTML文件，负责样式展示。 packageinfo.json 组件的元数据描述文件，定义了如下内容。
创建标准页面模板 为了降低应用开发成本，让用户通过拖拽的方式快速完成应用的搭建。AstroZero提供了丰富的应用模板，用户可以直接使用应用模板快速创建应用，同时也支持使用标准页面模板创建页面。 AstroZero中，页面模板分为以下两类： 系统预置的“通用模板”，预置模板说明如表1所示。
管理高级组件版本 使用说明 当开发的自定义组件功能有变动，即组件代码发生变动后，需要更新组件版本，在高级页面中才会生效。本章节以更新组件模板中的widgetVueTemplate组件为例，向您介绍如何管理组件版本。 前提条件 已下载组件模板中的widgetVueTemplate，并已将其上传到自定义组件仓库中。
要的Library。 在操作前端页面时，经常会需要调用后台数据，例如即将开发的登录页面，需要获取业务用户信息。这时需要通过桥接器调用后台的服务编排、Script等获取后台数据。因此，在引用widget时，经常需要配置桥接器。 AstroZero高级页面中的组件分为系统预置组件和自定义组件：
如何设置页面水印 使用说明 如果需要为高级页面设置水印，可参考本章节操作。 操作步骤 参考登录经典应用设计器中操作，登录经典版应用设计器。 在需要设置水印的高级页面后，单击“...”，选择“设置”。 若页面已被锁定，请在编辑页面上方单击，先获取锁。 图1 选择“设置” 在“水印”
调测AstroZero标准页面 使用AstroZero完成标准页面开发后，需要进行预览调测、验证页面是否符合预期效果，例如根据相关数据判断页面逻辑是否正确执行。标准页面的调测分为“调试事件”和“调试页面样式”两类。 调试事件 打开一个标准页面。 图1 标准页面实例 选择一个组件，
和流程实例中的入参实例。 流程实例归档 流程实例指的是通过工作流创建的各种工单数据，例如通过工作流创建的请假电子流。 在AstroZero服务控制台，单击“进入首页”，进入应用开发页面。 在页面左上方单击，选择“环境管理 > 环境配置”，进入环境配置。 在顶部主菜单中，选择“维护”。
口URL的地方直接配置即可。 类型 接口的类型。 服务编排：表示该定义URL调用的接口类型是服务编排。 脚本：表示该定义URL调用的接口类型是脚本。 对象：表示该定义URL是操作对象数据，包括对象数据的增删改查。 资源 调用的服务编排、脚本或者操作的对象名称。 内容类型 请求中的body类型。
Youre business logic }) 服务请求 调用服务的API API：context.service('{{url}}').run(_inputParams) 入参：“url”为服务接口的URL，在APP或者BO视图下单击“服务”，可查看到封装Flow、脚本或者对象操作接
设置AstroZero高级页面图片组件属性 图片是媒体组件的一种，用于直接展示需要呈现的图片数据。 图1 设置图片组件属性 基础 组件标题：设置组件的标题，用于在高级页面显示。 组件名称：设置组件的名称，名称是该组件在页面中的唯一标识。 位置 距离左端：组件到页面左侧的距离，单位为px。
适配多终端样例 场景描述 本章节以开发一个满足响应式布局的商品列表组件为例，向您介绍如何适配多终端。 商品列表组件可以用于不同分辨率的手机端和电脑端，组件中商品排布能够根据屏幕或者浏览器窗口大小自动调节。例如，视区（屏幕或浏览器可视区域）由宽变窄过程中，呈现出多终端适配的响应式效果，商品单行个数逐渐由五列变为一列。
如何调测标准页面 标准页面开发完成后，需要预览调测，验证页面是否实现了想要的效果。标准页面的调测分为调试事件和调试DOM及样式两类。 使用说明 标准页面开发完成后，需要预览调测，验证页面是否实现了预期效果。标准页面的调测分为调试事件和调试DOM及样式两类。 调试事件 打开一个标准页面。
管理AstroZero工作流 创建标准表单 在工作流用户任务活动中，任务界面会经常用到标准表单页面。如果在BPM流程中需要使用“用户任务”图元，且任务界面要用到标准表单，建议您提前创建好标准表单。 图1 配置用户任务 参考登录AstroZero新版应用设计器中操作，登录应用设计器。
关系，并具有展示、收起、选择等交互功能。 步骤条：引导用户按照流程完成任务的分步导航条，可根据实际应用场景设定步骤。 时间轴：一般绑定数据服务使用，动态的展示时间轴的内容。 走马灯：常用于一组图片或卡片轮播，当内容空间不足时，可以用走马灯的形式进行收纳，进行轮播展现。 可收缩面板
长按/截图保存，微信识别二维码
或者关注公众号“华为云”
