检测到您已登录华为云国际站账号，为了您更好的体验，建议您访问国际站服务网站 https://www.huaweicloud.com/intl/zh-cn
不再显示此消息
检测到您已登录华为云国际站账号，为了您更好的体验，建议您访问国际站服务网站 https://www.huaweicloud.com/intl/zh-cn
不再显示此消息
组装“设备管理”页面 通过组装设备管理的标准页面，实现对设备对象的增、删、改、查处理。 页面分析 管理设备页面需要实现以下功能，如图1所示： 工具栏保留“新增设备”按钮，单击“新增设备”按钮，跳转到设备详情页面。 查询结果增加操作列，包含编辑和删除图标。 图1 电梯信息管理界面 图2
创建“查询设备”脚本 管理设备页面中，实现输入设备的信息，查询出对应设备的全部信息功能，需要开发“查询设备”脚本和服务编排。 操作步骤 进入创建“设备维修管理系统”应用中创建的应用。 在“Equipment”目录中，将鼠标放在“Script”上，单击界面上出现的，在弹出菜单中选择“脚本”。
创建“查询设备列表”脚本 查询设备列表脚本是为了实现将查询的所有设备并以选项列表的形式返回，并通过页面调用将查询结果展示到页面上，此脚本将会在开发“生成工单”功能章节被调用。 操作步骤 进入创建“设备维修管理系统”应用中创建的应用。 在“Equipment”目录中，将鼠标放在“S
创建“查询设备”服务编排 “查询设备”脚本创建完成后，创建一个“服务编排”，并在服务编排中引用脚本，改造和配置服务编排的输入输出参数，使其更适用于前端页面调用。 操作步骤 进入创建“设备维修管理系统”应用中创建的应用。 在“Equipment”目录中，将鼠标放在“Flow”上，单
开发“管理设备”功能 背景及原理（服务编排） 创建业务逻辑 组装“设备管理”页面 父主题： 设备管理开发
件，也可以快速切换组件。 图5 利用组件树快速选中组件 模型视图 标准页面是通过数据模型驱动的，页面所有的逻辑都是围绕数据模型展开的。在将模型与前台页面组件或者后台逻辑绑定后，开发者只需要关注模型数据的实例化和处理，不需要关注页面的渲染和展示。 在页面底部，单击“模型视图”，即可
设备管理开发 开发前必读 定义数据对象 开发“编辑设备”功能 开发“管理设备”功能 父主题： 通过AstroZero开发设备维修管理应用
在输入查询条件后，查询设备 HW__queryEquipments queryEquipments HW__deleteEquipment 删除设备 不涉及 deleteEquipment HW__equipmentSelectListQuery 查询所有设备并以选项列表的形式返回
创建业务逻辑 “编辑设备”功能主要通过调用并执行一个具有“编辑设备”功能的脚本，实现编辑设备信息功能，并在修改设备信息时，能够根据设备id号，直接修改设备信息，因此需要在开发页面前，先创建一个“编辑设备”和“按ID查询设备详情”脚本。 创建“编辑设备”脚本 创建“按ID查询设备详情”脚本 创建公共服务接口
组装“编辑设备”页面 组装页面包括拼装页面组件、定义组件的事件代码，并通过公共接口调用“编辑设备”脚本。 页面分析 如果要实现将前端页面上输入的设备信息保存到数据库中，需要创建与前端组件绑定的自定义模型，以及与后端逻辑关联的服务模型，如图2所示。 图1 编辑设备页面预览 页面上包
开发前必读 设备管理功能主要是通过操作两个标准页面（编辑设备、设备管理），来实现电梯设备信息的新增、修改、删除、查询及监控等功能的。 设备管理界面的大致构想，如图1所示。界面上默认显示应用中保存的所有电梯设备信息，可以直接新增、修改或者删除电梯记录，也可以查询部分电梯记录。 单击
创建“删除设备”脚本 当用户操作“删除”图标删除某条设备记录时，需要根据Id在设备对象中删除设备，因此需要创建一个根据Id“删除设备”的脚本。 操作步骤 进入创建“设备维修管理系统”应用中创建的应用。 在“Equipment”目录中，将鼠标放在“Script”上，单击界面上出现的“+”，在弹出菜单中选择“脚本”。
建的命名空间。 选择“应用”页签，输入应用程序的“标签”和“名称”，单击“创建”。 应用创建完成后，自动进入应用开发页面。 图3 创建应用 表1 应用基本信息 标签 名称 设备维修管理系统 MyApp 说明： 应用创建后，将自动添加命名空间前缀，实际创建应用名为“HW__MyApp”。
在应用菜单中，选择“设备管理”，在设备管理页面中，单击“新增设备”，在“设备详情”页，设置需要新增的设备信息，然后单击“保存”。 图1 设备管理 图2 设置设备详细 设备保存后，返回到设备管理页面，查看设备列表中是否已存在上一步添加的设备。 选择一条设备记录，单击“操作”中的“编
创建“编辑设备”脚本 “编辑设备”脚本实现的功能是向设备对象中插入1条新记录，或者更新1条记录。 操作步骤 进入创建“设备维修管理系统”应用中创建的应用。 在“Equipment”目录中，将鼠标放在“Script”上，单击界面上出现的“+”，在弹出菜单中选择“脚本”。 在弹窗中，
创建“按ID查询设备详情”脚本 修改已存在的设备信息，则需要创建可以根据设备ID查询出设备详情的脚本。 操作步骤 进入创建“设备维修管理系统”应用中创建的应用。 在“Equipment”中，将鼠标放在“Script”目录上，单击界面上出现的“+”，选择“脚本”。 在弹窗中，选中“
开发“编辑设备”功能 背景和原理 创建业务逻辑 组装“编辑设备”页面 父主题： 设备管理开发
有编辑设备功能的脚本，实现编辑设备信息功能。在进行开发前，您需要先了解脚本、公共接口以及标准页面的相关知识。 学习地图 如图1所示，通过本章的学习和实践，您将了解“标准页面”的能力，并掌握脚本的开发方法。 图1 学习地图 脚本 公共接口 标准页面 父主题： 开发“编辑设备”功能
创建业务逻辑 创建“查询设备”脚本 创建“查询设备”服务编排 创建“删除设备”脚本 创建“查询设备列表”脚本 创建公共接口 父主题： 开发“管理设备”功能
脚本 对应相对复杂的业务逻辑，AstroZero提供了脚本、服务编排等后台逻辑形式。本章节主要带您了解脚本的基础知识。 AstroZero的脚本引擎采用TypeScript语言。脚本执行时，TypeScript语言会被翻译成JavaScript语言，由JavaScript引擎执行。在JavaScript
长按/截图保存，微信识别二维码
或者关注公众号“华为云”
