总体思路
监控对象分类
- 将监控对象分类,并且在前端页面上可以配置连接参数以及对监控对象的采集频率,最好是加上采集的执行时间段,然后对于监控的各项参数增加一个阈值管理项,不满足这个阈值的话,就要产生报警,如图
![在这里插入图片描述](https://i-blog.csdnimg.cn/blog_migrate/3c085307b638b6946966331d11755de6.png)
![在这里插入图片描述](https://i-blog.csdnimg.cn/blog_migrate/1865c45b3d1945f28b16c5e642be065f.png)
![在这里插入图片描述](https://i-blog.csdnimg.cn/blog_migrate/cc2f863c30f83be92d7df48fe0ff92c3.png)
![在这里插入图片描述](https://i-blog.csdnimg.cn/blog_migrate/87dbbe3d1c0f92be22cb9ec1dea901c1.png)
![在这里插入图片描述](https://i-blog.csdnimg.cn/blog_migrate/789e8f2a16072406a6d77e2e9d5e4c00.png)
![在这里插入图片描述](https://i-blog.csdnimg.cn/blog_migrate/06e9927377be1a23721ce7eebc84e39e.png)
![在这里插入图片描述](https://i-blog.csdnimg.cn/blog_migrate/0cda70b3aba3bd111531786e1cfbd521.png)
-
前端js
![在这里插入图片描述](https://i-blog.csdnimg.cn/blog_migrate/6ed4cf1f2b632c5daeb4e42bd07f3438.png)
![在这里插入图片描述](https://i-blog.csdnimg.cn/blog_migrate/034c1b9d4523eb7b773c85090e8c6eae.png)
![在这里插入图片描述](https://i-blog.csdnimg.cn/blog_migrate/e6d2946b2124d7acd5039de522625993.png)
注意:
1、前端使用的是Angular.js框架,播放之前将其他声音全部暂停,再播放本次音频资源,下次播放其他资源时,如要重新播放,则需要load(),否则直接play()即可。
2、flush()为重新加载列表资源,由于本项目的机制,上传音频文件后会刷新列表,故将对象清空放在了flush(),避免音频对象mp3内容与实际不一致。
- 页面展示
![在这里插入图片描述](https://i-blog.csdnimg.cn/blog_migrate/a76cd9d1c0c85d824082fc2370c6bfb7.png)