自制一个简易的电脑状态监视器

Posted by 橙叶 on Mon, Jul 29, 2019

效果如图:

这是效果图:

 

前端用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