实现两个文件 一个文件是php文件 是实现监测ntp是否在运行 一个文件是html文件 是调用php文件的数据 判断ntp运行时 显示绿灯 不再运行时 显示红灯
时间: 2024-02-17 11:03:17 浏览: 60
一个小小的监控页面,主要是html文件,适合一些网页开发,以及毕业设计,有需要的可以下载
好的,以下是实现你要求的 PHP 和 HTML 代码:
PHP代码(ntp_monitor.php):
```php
<?php
// 检测ntp服务是否启动成功
$status = shell_exec('systemctl status ntpd | grep "Active:"');
if(strpos($status, 'active (running)') !== false) {
$ntp_status = "NTP服务已成功启动。";
$color = "green";
} else {
$ntp_status = "NTP服务启动失败。";
$color = "red";
}
// 将结果以JSON格式返回
echo json_encode(array(
"status" => $ntp_status,
"color" => $color
));
?>
```
HTML代码:
```html
<!DOCTYPE html>
<html>
<head>
<title>NTP服务监测</title>
<style type="text/css">
.green {
background-color: green;
width: 30px;
height: 30px;
border-radius: 50%;
display: inline-block;
}
.red {
background-color: red;
width: 30px;
height: 30px;
border-radius: 50%;
display: inline-block;
}
</style>
</head>
<body>
<h1>NTP服务监测</h1>
<div id="result"></div>
<script type="text/javascript">
// 使用AJAX调用ntp_monitor.php文件获取ntp服务状态
var xhr = new XMLHttpRequest();
xhr.onreadystatechange = function() {
if (this.readyState == 4 && this.status == 200) {
var data = JSON.parse(this.responseText);
var status = data.status;
var color = data.color;
document.getElementById("result").innerHTML = '<div class="'+color+'"></div><p>'+status+'</p>';
}
};
xhr.open("GET", "ntp_monitor.php", true);
xhr.send();
</script>
</body>
</html>
```
HTML代码中使用AJAX调用`ntp_monitor.php`文件获取ntp服务的状态,然后根据状态显示相应的颜色(绿灯或红灯),并将状态信息打印在网页上。
阅读全文