这是效果图：

前端用js，后端用Python，实现还是比较简单的。

后端用psutil库获得电脑的各项信息然后用WebSocket发给前端，前端再处理到页面上。

前端用Bootstrap框架做出进度条来表示CPU和内存的占用百分比。缓存连续10次的数据，计算出硬盘和网络的流量速度，用echarts显示成折线图。

当内存余量小于一定值时会弹框提醒

数据渲染到折线图前会进行一些处理，根据最大的数据选择合适的单位（Mb/s，Kb/s或b/s）。

反应还是很灵敏的，echarts确实有点好用。

先贴一个初步的成果吧，以后有空再添加自动重连之类的功能。

JS部分写的很随意，处理时间的部分copy了别人的代码。因为是网页的形式，所以你还可以在手机等设备上监控。

https://github.com/OGRLEAF/SystemStatePannel

转载于：自制一个简易的电脑状态监视器 | 橙叶博客 (orgleaf.com)