-
组装“编辑设备”页面 - Astro轻应用 AstroZero
从左侧组件区的拖一个“输入框”到分栏组件的第1行(分栏)第1栏,并在右侧“属性”页签中将“标签”修改为“设备编码”。 图16 设备编码 分别向第1行第2栏、第2行第1栏、第2行第3栏中拖一个“输入框”,并设置“标签”为“设备名称”、第2行第1栏“设备型号”、第2行第3栏“详细地址”。 从左侧组件列表中,
-
组装“设备管理”页面 - Astro轻应用 AstroZero
组装“设备管理”页面 通过组装设备管理的标准页面,实现对设备对象的增、删、改、查处理。 页面分析 管理设备页面需要实现以下功能,如图1所示: 工具栏保留“新增设备”按钮,单击“新增设备”按钮,跳转到设备详情页面。 查询结果增加操作列,包含编辑和删除图标。 图1 电梯信息管理界面 图2
-
生成设备的经纬度信息 - Astro轻应用 AstroZero
生成设备的经纬度信息 编辑设备页面可以获取到设备的经纬度信息,才能在地图上显示。因此需要先修改“编辑设备”页面,再通过调用地图API,生成经纬度数据。 在前面章节中,在编辑设备时,仅生成了设备的基本信息,没有生成精确的经纬度。如果想将设备的位置显示在地图上,则必须给设备生成一个精
-
创建“删除设备”脚本 - Astro轻应用 AstroZero
创建“删除设备”脚本 当用户操作“删除”图标删除某条设备记录时,需要根据Id在设备对象中删除设备,因此需要创建一个根据Id“删除设备”的脚本。 操作步骤 进入“设备维修管理系统”应用。 在“Equipment”目录中,将鼠标放在“Script”上,单击界面上出现的“+”,在弹出菜单中选择“脚本”。
-
组装“设备监控”页面 - Astro轻应用 AstroZero
组装“设备监控”页面 通过拖拽组件、配置组件,开发高级页面显示设备位置功能。“设备监控”是在地图上显示电梯设备的实时位置,本节我们将采用高级页面实现。 “设备监控”高级页面由地图组件和监控组件(CaseMapControllerWidget.zip)拼装而成,地图widget负责
-
创建“查询设备”脚本 - Astro轻应用 AstroZero
创建“查询设备”脚本 管理设备页面中,实现输入设备的信息,查询出对应设备的全部信息功能,需要开发“查询设备”脚本和服务编排。 操作步骤 进入“设备维修管理系统”应用。 在“Equipment”目录中,将鼠标放在“Script”上,单击界面上出现的,在弹出菜单中选择“脚本”。 在弹
-
创建“编辑设备”脚本 - Astro轻应用 AstroZero
创建“编辑设备”脚本 “编辑设备”脚本实现的功能是向设备对象中插入1条新记录,或者更新1条记录。 操作步骤 进入“设备维修管理系统”应用。 在“Equipment”目录中,将鼠标放在“Script”上,单击界面上出现的“+”,在弹出菜单中选择“脚本”。 在弹窗中,选中“创建一个新
-
创建“按ID查询设备详情”脚本 - Astro轻应用 AstroZero
单击编辑器上方的,保存脚本。 验证并发布 测试新增逻辑能否正常执行。 单击编辑器上方的,执行脚本。 在界面底部输入测试数据,单击测试窗口右上角执行图标。 测试报文样例如下,equipmentId可参考创建“编辑设备”脚本验证新增设备时生成的设备ID: { "equipmentId":
-
管理设备信息 - Astro轻应用 AstroZero
在应用菜单中,选择“设备管理”,在设备管理页面中,单击“新增设备”,在“设备详情”页,设置需要新增的设备信息,然后单击“保存”。 图1 设备管理 图2 设置设备详细 设备保存后,返回到设备管理页面,查看设备列表中是否已存在上一步添加的设备。 选择一条设备记录,单击“操作”中的“编
-
创建“查询设备”服务编排 - Astro轻应用 AstroZero
系统会弹出窗口,显示编译结果。 测试服务编排能否正常执行。 单击服务编排编辑器上方的,执行服务编排。 在“输入参数”中,输入测试数据,单击“运行”。 执行成功,界面上会返回设备对象中的全部信息,样例如下: 图8 返回样例 (可选)在服务编排编辑器单击“跟踪”,可以查看到上一步的执行日志,方便定位错误。 测试
-
创建“查询设备列表”脚本 - Astro轻应用 AstroZero
} } 单击脚本编辑器上方的,保存脚本。 验证 单击脚本编辑器上方的,执行脚本。 在界面底部单击测试窗口右上角执行图标,进行测试。 如果不设置输入参数,会出现类似如下样例的测试结果(设备名称和设备id)。 { "equipList": [ {
-
创建业务逻辑 - Astro轻应用 AstroZero
创建业务逻辑 “编辑设备”功能主要通过调用并执行一个具有“编辑设备”功能的脚本,实现编辑设备信息功能,并在修改设备信息时,能够根据设备id号,直接修改设备信息,因此我们需要在开发页面前,先创建一个“编辑设备”和“按ID查询设备详情”脚本。 创建“编辑设备”脚本 创建“按ID查询设备详情”脚本
-
开发“设备监控”功能 - Astro轻应用 AstroZero
开发“设备监控”功能 生成设备的经纬度信息 组装“设备监控”页面 父主题: 设备管理开发
-
脚本 - Astro轻应用 AstroZero
要带您了解脚本的基础知识。 AstroZero的脚本引擎采用TypeScript语言。脚本执行时,TypeScript语言会被翻译成JavaScript语言,由JavaScript引擎执行。在JavaScript es5的官方标准库外,AstroZero还扩展了10+内置功能库,
-
开发“编辑设备”功能 - Astro轻应用 AstroZero
开发“编辑设备”功能 背景和原理 创建业务逻辑 组装“编辑设备”页面 父主题: 设备管理开发
-
标准页面 - Astro轻应用 AstroZero
平台自动生成了run方法 ,用于执行模型关联的服务编排或者Script。 $model.ref("modelName").run(); 事件模型 事件模型是与后台事件的字段映射生成的,并且支持websocket刷新模型数据。 参数根据后台事件的字段映射生成。 平台自动生成了run方法 ,用于执行模型关联的服务编排或者Script。
-
背景和原理 - Astro轻应用 AstroZero
有编辑设备功能的脚本,实现编辑设备信息功能。在进行开发前,您需要先了解脚本、公共接口以及标准页面的相关知识。 学习地图 如图1所示,通过本章的学习和实践,您将了解“标准页面”的能力,并掌握脚本的开发方法。 图1 学习地图 脚本 公共接口 标准页面 父主题: 开发“编辑设备”功能
-
创建业务逻辑 - Astro轻应用 AstroZero
创建业务逻辑 创建“查询设备”脚本 创建“查询设备”服务编排 创建“删除设备”脚本 创建“查询设备列表”脚本 创建公共接口 父主题: 开发“管理设备”功能
-
开发“管理设备”功能 - Astro轻应用 AstroZero
开发“管理设备”功能 背景及原理(服务编排) 创建业务逻辑 组装“设备管理”页面 父主题: 设备管理开发
-
开发前必读 - Astro轻应用 AstroZero
开发前必读 设备管理功能主要是通过操作两个标准页面(编辑设备、设备管理)以及一个高级页面(设备监控页面),来实现电梯设备信息的新增、修改、删除、查询及监控等功能的。 设备管理界面的大致构想,如图1所示。界面上默认显示应用中保存的所有电梯设备信息,可以直接新增、修改或者删除电梯记录,也可以查询部分电梯记录。