检测到您已登录华为云国际站账号,为了您更好的体验,建议您访问国际站服务网站 https://www.huaweicloud.com/intl/zh-cn
不再显示此消息
页面上包含输入框(设备编码、设备名称、设备型号和地址)、选择框(设备品牌)和级联选择框(省市区)。其中,“省/市/区”级联框不仅要值绑定,还需要做属性绑定: 级联框的选项:以属性绑定的方式,与cascaderOptions关联。即cascaderOptions的内容,将成为级联框的可选择项。
背景和原理 本节主要通过创建一个标准页面,调用一个具有编辑设备功能的脚本,实现编辑设备信息功能。在进行开发前,您需要先了解脚本、公共接口以及标准页面的相关知识。 学习地图 如图1所示,通过本章的学习和实践,您将了解“标准页面”的能力,并掌握脚本的开发方法。 图1 学习地图 脚本 公共接口
创建“编辑设备”脚本 “编辑设备”脚本实现的功能是向设备对象中插入1条新记录,或者更新1条记录。 操作步骤 进入创建“设备维修管理系统”应用中创建的应用。 在“Equipment”目录中,将鼠标放在“Script”上,单击界面上出现的“+”,在弹出菜单中选择“脚本”。 在弹窗中,
组装“设备管理”页面 通过组装设备管理的标准页面,实现对设备对象的增、删、改、查处理。 页面分析 管理设备页面需要实现以下功能,如图1所示: 工具栏保留“新增设备”按钮,单击“新增设备”按钮,跳转到设备详情页面。 查询结果增加操作列,包含编辑和删除图标。 图1 电梯信息管理界面 图2
AstroZero还提供了代码智能补全、代码格式化、语法错误提示等功能,帮助您高效编辑代码。 脚本编辑界面如图1所示,您可在线编辑、测试和发布脚本。 图1 脚本编辑界面 表1 标准库说明 标准库名称 说明 sys 提供系统层面的操作,例如获取系统参数值。 context 脚本执
公共接口 公共接口是对脚本、服务编排和对象进行再包装的一种方式。将创建的脚本、服务编排、对象包装成一个新公共服务,可以使得接口的URL地址的表达形式更规范,方便让前端页面或第三方系统进行调用。 因此,在创建完后台逻辑后(服务编排、脚本、对象),就需要先将此接口包装成标准的公共接口
创建“查询设备”脚本 管理设备页面中,实现输入设备的信息,查询出对应设备的全部信息功能,需要开发“查询设备”脚本和服务编排。 操作步骤 进入创建“设备维修管理系统”应用中创建的应用。 在“Equipment”目录中,将鼠标放在“Script”上,单击界面上出现的,在弹出菜单中选择“脚本”。
注模型数据的实例化和处理,不需要关注页面的渲染和展示。 在页面底部,单击“模型视图”,即可从“设计视图”切换到“模型视图”,在模型视图下,可以查看、编辑以及管理数据模型,如图6所示。 图6 模型视图 模型定义 标准页面支持表1中四类模型,每类模型都包含参数定义和方法定义。方法是在
创建“删除设备”脚本 当用户操作“删除”图标删除某条设备记录时,需要根据Id在设备对象中删除设备,因此需要创建一个根据Id“删除设备”的脚本。 操作步骤 进入创建“设备维修管理系统”应用中创建的应用。 在“Equipment”目录中,将鼠标放在“Script”上,单击界面上出现的“+”,在弹出菜单中选择“脚本”。
创建“查询设备列表”脚本 查询设备列表脚本是为了实现将查询的所有设备并以选项列表的形式返回,并通过页面调用将查询结果展示到页面上,此脚本将会在开发“生成工单”功能章节被调用。 操作步骤 进入创建“设备维修管理系统”应用中创建的应用。 在“Equipment”目录中,将鼠标放在“S
创建“查询设备”服务编排 “查询设备”脚本创建完成后,创建一个“服务编排”,并在服务编排中引用脚本,改造和配置服务编排的输入输出参数,使其更适用于前端页面调用。 操作步骤 进入创建“设备维修管理系统”应用中创建的应用。 在“Equipment”目录中,将鼠标放在“Flow”上,单
创建业务逻辑 创建“查询设备”脚本 创建“查询设备”服务编排 创建“删除设备”脚本 创建“查询设备列表”脚本 创建公共接口 父主题: 开发“管理设备”功能
创建“按ID查询设备详情”脚本 修改已存在的设备信息,则需要创建可以根据设备ID查询出设备详情的脚本。 操作步骤 进入创建“设备维修管理系统”应用中创建的应用。 在“Equipment”中,将鼠标放在“Script”目录上,单击界面上出现的“+”,选择“脚本”。 在弹窗中,选中“
开发“管理设备”功能 背景及原理(服务编排) 创建业务逻辑 组装“设备管理”页面 父主题: 设备管理开发
Records:显示对象中的记录列表。列表页面中默认只显示了name字段(设备名称)。因为后续章节的测试中,经常需要检查记录ID、设备编码和设备名称,所以将其他几个字段也添加到列表页面中。 修改设备对象的列表页面布局。 单击设备对象HW__Equipment__CST的“布局”页签。 单击“Equipment
在应用菜单中,选择“设备管理”,在设备管理页面中,单击“新增设备”,在“设备详情”页,设置需要新增的设备信息,然后单击“保存”。 图1 设备管理 图2 设置设备详细 设备保存后,返回到设备管理页面,查看设备列表中是否已存在上一步添加的设备。 选择一条设备记录,单击“操作”中的“编
开发“编辑设备”功能 背景和原理 创建业务逻辑 组装“编辑设备”页面 父主题: 设备管理开发
可,脚本则不需要重复创建。 操作步骤 进入创建“设备维修管理系统”应用中创建的应用。 单击页面下方的“服务”,进入公共接口创建页面。 图1 创建公共接口入口 单击“新建”,进入公共接口创建页面。 图2 公共接口创建 创建“删除设备”脚本对应的“HW__deleteEquipment”的公共接口。
创建业务逻辑 “编辑设备”功能主要通过调用并执行一个具有“编辑设备”功能的脚本,实现编辑设备信息功能,并在修改设备信息时,能够根据设备id号,直接修改设备信息,因此需要在开发页面前,先创建一个“编辑设备”和“按ID查询设备详情”脚本。 创建“编辑设备”脚本 创建“按ID查询设备详情”脚本 创建公共服务接口
在输入查询条件后,查询设备 HW__queryEquipments queryEquipments HW__deleteEquipment 删除设备 不涉及 deleteEquipment HW__equipmentSelectListQuery 查询所有设备并以选项列表的形式返回