nodejs页面显示cpu内存和磁盘占用率的前后端怎么写
时间: 2024-03-19 11:46:07 浏览: 27
要在 Node.js 中实现一个页面显示 CPU、内存和磁盘占用率的应用，我们可以采用前后端分离的方式，前端页面通过 AJAX 请求后端 API 获取数据，并将数据展示在页面上。
以下是一个简单的示例代码，实现了一个后端 API 和一个前端页面，可以显示 CPU、内存和磁盘占用率的信息。
后端 API：
```
const os = require('os')
const express = require('express')
const app = express()
// 获取 CPU 使用率
app.get('/api/cpu', (req, res) => {
const usage = process.cpuUsage()
const totalUsage = usage.user + usage.system
const percentage = (totalUsage / 1000 / 1000) * 100
res.json({ usage: percentage.toFixed(2) })
})
// 获取内存使用情况
app.get('/api/memory', (req, res) => {
const total = os.totalmem()
const free = os.freemem()
const used = total - free
const percentage = (used / total) * 100
res.json({ usage: percentage.toFixed(2) })
})
// 获取磁盘使用情况
app.get('/api/disk', (req, res) => {
const disk = os.platform() === 'win32' ? 'C:' : '/'
const diskInfo = os.fsSpaceSync(disk)
const total = diskInfo.size
const free = diskInfo.free
const used = total - free
const percentage = (used / total) * 100
res.json({ usage: percentage.toFixed(2) })
})
app.listen(3000, () => {
console.log('Server is running on port 3000')
})
```
前端页面：
```html
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>System Monitor</title>
</head>
<body>
<h1>System Monitor</h1>
<p>CPU Usage: <span id="cpu-usage"></span>%</p>
<p>Memory Usage: <span id="memory-usage"></span>%</p>
<p>Disk Usage: <span id="disk-usage"></span>%</p>
<script>
function updateData() {
// 更新 CPU 使用率
fetch('/api/cpu')
.then(res => res.json())
.then(data => {
document.getElementById('cpu-usage').textContent = data.usage
})
// 更新内存使用情况
fetch('/api/memory')
.then(res => res.json())
.then(data => {
document.getElementById('memory-usage').textContent = data.usage
})
// 更新磁盘使用情况
fetch('/api/disk')
.then(res => res.json())
.then(data => {
document.getElementById('disk-usage').textContent = data.usage
})
}
setInterval(updateData, 1000)
</script>
</body>
</html>
```
在上面的示例中，后端 API 通过 Express 框架实现，分别提供了 `/api/cpu`、`/api/memory` 和 `/api/disk` 三个接口，用于获取 CPU、内存和磁盘占用率的信息。前端页面通过 AJAX 请求这些接口，获取到数据后将其展示在页面上。页面的 `updateData()` 函数会每秒钟更新一次数据，并展示在页面上。
相关推荐
最新推荐
nodeJS（express4.x）+vue（vue-cli）构建前后端分离实例(带跨域)
主要介绍了nodeJS（express4.x）+vue（vue-cli）构建前后端分离实例(带跨域) ，具有一定的参考价值，感兴趣的小伙伴们可以参考一下
Nodejs抓取html页面内容（推荐）
主要介绍了Nodejs抓取html页面内容的关键代码，另外还给大家附上了nodejs抓取网页内容，非常不错，对node.js抓取页面内容感兴趣的朋友一起学习吧
使用nodeJS中的fs模块对文件及目录进行读写,删除,追加,等操作详解
nodeJS中fs模块对系统文件及目录进行读写操作，本文将详细介绍nodejs中的文件操作模块fs的使用方法
nodejs 生成和导出 word的实例代码
前段时间由于项目需求，得做excel和word的导出功能.这篇文章主要介绍了nodejs 生成和导出 word的实例代码,需要的朋友可以参考下
nodejs 简单实现动态html的方法
今天小编就为大家分享一篇nodejs 简单实现动态html的方法，具有很好的参考价值，希望对大家有所帮助。一起跟随小编过来看看吧
zigbee-cluster-library-specification
最新的zigbee-cluster-library-specification说明文档。
管理建模和仿真的文件
管理Boualem Benatallah引用此版本：布阿利姆·贝纳塔拉。管理建模和仿真。约瑟夫-傅立叶大学-格勒诺布尔第一大学，1996年。法语。NNT：电话：00345357HAL ID：电话：00345357https://theses.hal.science/tel-003453572008年12月9日提交HAL是一个多学科的开放存取档案馆，用于存放和传播科学研究论文，无论它们是否被公开。论文可以来自法国或国外的教学和研究机构，也可以来自公共或私人研究中心。L’archive ouverte pluridisciplinaire
确保MATLAB回归分析模型的可靠性：诊断与评估的全面指南
# 1. 回归分析模型的基础**
**1.1 回归分析的基本原理**
回归分析是一种统计建模技术，用于确定一个或多个自变量与一个因变量之间的关系。其基本原理是拟合一条曲线或超平面，以最小化因变量与自变量之间的误差平方和。
**1.2 线性回归和非线性回归**
线性回归是一种回归分析模型，其中因变量与自变量之间的关系是线性的。非线性回归模型则用于拟合因变量与自变量之间非
引发C++软件异常的常见原因
1. 内存错误：内存溢出、野指针、内存泄漏等；
2. 数组越界：程序访问了超出数组边界的元素；
3. 逻辑错误：程序设计错误或算法错误；
4. 文件读写错误：文件不存在或无法打开、读写权限不足等；
5. 系统调用错误：系统调用返回异常或调用参数错误；
6. 硬件故障：例如硬盘损坏、内存损坏等；
7. 网络异常：网络连接中断、网络传输中断、网络超时等；
8. 程序异常终止：例如由于未知原因导致程序崩溃等。
JSBSim Reference Manual
JSBSim参考手册，其中包含JSBSim简介，JSBSim配置文件xml的编写语法，编程手册以及一些应用实例等。其中有部分内容还没有写完，估计有生之年很难看到完整版了，但是内容还是很有参考价值的。