HarmonyOS应用开发实战 课件《智慧工厂》App实战开发-任务10.实操.实现自动告警数据可视化.pptx

《智慧工厂》App实战开发任务10实现自动告警数据可视化

任务描述本任务实现了从TB中获取执行器设备的实时状态数据，并显示在“设备告警”页上，同时，对超过预设值的数据，产生告警，并把告警数据传递到“车间监测”和“物品监测”页面，实现自动告警数据可视化。

任务能力目标能封装告警实体类；能获取执行器设备的遥测数据；能获取布防/撤防状态的遥测数据；能处理告警数据；能展示告警数据；能在主页中实现告警数据可视化。

获取执行器/布防状态的遥测数据封装告警实体类处理告警数据任务实施-步骤TaskImplementationSteps010203展示告警数据04实现告警数据可视化验证0506

01获取执行器/布防状态的遥测数据

获取执行器/布防状态的遥测数据在videmodel目录下新建ActuatorViewModel类，用于编写获取执行器、布防/撤防的遥测数据的业务类。

02封装告警实体类

封装告警实体类告警提示信息中需要知道告警的id、哪个传感器产生了告警、产生告警的传感器的状态以及对应的执行器是哪个，产生告警的时间等等，将这些告警信息封装到告警实体类中，在model目录下创建AlarmBean告警实体类。

03处理告警数据

处理告警数据在viewmodel目录下新建AlarmViewModel类，用于按照预设的规则进行执行器设备的控制及相关消息的处理，并将告警信息通过工具类EmitUtil（该工具类使用了ArtTS提供的发送和处理进程内事件的能力模块emitter，负责订阅和发送事件）将告警事件发送出去。

04展示告警数据

展示告警数据告警数据具有明显的列表数据特征，可以设计展示单个列表数据的组件；同时，告警数据将存放在数据库中，这里直接使用封装好的操作数据库的类完成数据库的操作。

05实现告警数据可视化

实现告警数据可视化在Index.ets文件中，添加“设备告警”页面要导入的组件或模块、将“设备告警”的内容子组件由原来的Text(设备告警数据展示页)替换成Alarm组件、同时修改任务8中对UWB物品监测时设置的黄色告警灯的初始化代码。

06验证

验证使用模拟器运行应用，参考上一个任务中测试规则链的步骤，通过MQTTBox模拟CO2传感器和红色告警灯执行器设备，发送不同的遥测数据，观察“车间监测”页和“物品监测”页的变化情况。

任务小结本任务配合上一个任务的规则链使用，当智慧工厂中被监测的各项传感数据达到预订阀值时，在TB中设置好的规则链对执行器设备进行了自动控制，本任务实现了从TB中获取执行器设备的实时状态数据，并显示App的不同页面上，完成了自动告警数据的可视化开发。

谢谢您的观看