效果如图:
这是效果图:
前端用js,后端用Python,实现还是比较简单的。
后端用psutil库获得电脑的各项信息然后用WebSocket发给前端,前端再处理到页面上。
前端用Bootstrap框架做出进度条来表示CPU和内存的占用百分比。缓存连续10次的数据,计算出硬盘和网络的流量速度,用echarts显示成折线图。
当内存余量小于一定值时会弹框提醒
数据渲染到折线图前会进行一些处理,根据最大的数据选择合适的单位(Mb/s,Kb/s或b/s)。
反应还是很灵敏的,echarts确实有点好用。
先贴一个初步的成果吧,以后有空再添加自动重连之类的功能。
JS部分写的很随意,处理时间的部分copy了别人的代码。因为是网页的形式,所以你还可以在手机等设备上监控。
https://github.com/OGRLEAF/SystemStatePannel
comments powered by Disqus