python+flask+mongodb+vue撸一个实时监控linux服务资源的网站_python mongodb vue 开发

先自我介绍一下，小编浙江大学毕业，去过华为、字节跳动等大厂，目前在阿里

深知大多数程序员，想要提升技能，往往是自己摸索成长，但自己不成体系的自学效果低效又漫长，而且极易碰到天花板技术停滞不前！

因此收集整理了一份《2024年最新Linux运维全套学习资料》，初衷也很简单，就是希望能够帮助到想自学提升又不知道该从何学起的朋友。

既有适合小白学习的零基础资料，也有适合3年以上经验的小伙伴深入学习提升的进阶课程，涵盖了95%以上运维知识点，真正体系化！

由于文件比较多，这里只是将部分目录截图出来，全套包含大厂面经、学习笔记、源码讲义、实战项目、大纲路线、讲解视频，并且后续会持续更新

需要这份系统化的资料的朋友，可以点击这里获取！

        "system_load": system_load
    })
def get_mysql_slow_queries(self):
    conn = pymysql.connect(host="localhost", user="username", password="password", db="db")
    with conn.cursor() as cursor:
        cursor.execute("SELECT * FROM slow_query_log")
        result = cursor.fetchall()
    return result
def get_redis_info(self):
    r = redis.Redis(host="localhost", port=6379, db=0)
    info = r.info()
    return info
def get_network_info(self):
    stats = vnstat.read_totals("/path/to/vnstat.db")
    total_bytes_sent = stats[0]["TX"]
    total_bytes_received = stats[0]["RX"]
    current_date_time = datetime.datetime.now().strftime("%Y-%m-%d %H:%M:%S")
    return {
        "total_bytes_sent": total_bytes_sent,
        "total_bytes_received": total_bytes_received,
        "current_date_time": current_date_time
    }

api.add_resource(SystemResource, “/system”)
if name == “main”:
app.run(debug=True)

以上Python Flask代码将在根URL下创建一个新资源，并在该资源中返回系统的CPU、内存、磁盘、MySQL慢查询、Redis信息、网络和系统负载详细信息。


Vue相关代码


我们可以创建一个Vue组件，该组件包含一个表格，表格中的每一行都代表一种类型的系统资源。我们可以使用axios库来从上述Python Flask API获取数据，并在表格中显示这些数据。

资源类型	百分比使用率
{{ resource.type }}	{{ resource.percentage }}

在以上代码中，我们使用了一个Vue组件，该组件有一个表格，表格中的每一行都有一个资源类型和相应的使用率百分比。当我们加载此组件时，我们调用getResources方法来获取系统资源信息并显示它们。


对于每30秒刷新数据的需求，你可以使用JavaScript的setInterval函数来设置一个定时器，每次触发时都会重新获取系统资源信息并更新表格内容。

mounted() {

this.getResources();

setInterval(() => {

this.getResources();

}, 30000); // 每30秒执行一次

},

这样就可以创建一个能够实时监控多种Linux资源并每30秒刷新的页面了。动手尝试一下吧。


**网上学习资料一大堆，但如果学到的知识不成体系，遇到问题时只是浅尝辄止，不再深入研究，那么很难做到真正的技术提升。**

**[需要这份系统化的资料的朋友，可以点击这里获取！](https://bbs.csdn.net/forums/4f45ff00ff254613a03fab5e56a57acb)**

**一个人可以走的很快，但一群人才能走的更远！不论你是正从事IT行业的老鸟或是对IT行业感兴趣的新人，都欢迎加入我们的的圈子（技术交流、学习资源、职场吐槽、大厂内推、面试辅导），让我们一起学习成长！**

254613a03fab5e56a57acb)**

**一个人可以走的很快，但一群人才能走的更远！不论你是正从事IT行业的老鸟或是对IT行业感兴趣的新人，都欢迎加入我们的的圈子（技术交流、学习资源、职场吐槽、大厂内推、面试辅导），让我们一起学习成长！**