签到中心用爱发电服务器列表苦力怕Wiki
开启辅助访问     
收藏本站

站内搜索

搜索
热搜: 下载1.211.20

Minecraft(我的世界)苦力怕论坛

返回列表
>论坛>其他分区>编程分享>帖子
本版发帖返回

[其他] 一个基于php统计磁盘使用情况的代码

小永***
 发表于 2025-9-23 21:44:39|显示全部楼层|阅读模式 IP:广西
本帖最后由 小永高呐 于 2025-9-23 21:47 编辑

做了统计部分，让ai帮做了饼图部分和界面ui

测试在大部分的vps主机/虚拟主机上运行正常，小部分虚拟主机由于环境问题导致无法统计磁盘使用量
在虚拟主机上使用时统计的是整个vps主机的磁盘使用情况而非虚拟主机面板显示的使用情况

页面截图



下载源码：https://openlist.287636.xyz/d/2t ... 8%E4%BA%91/cptj.php

  1. <?php
  2. // 获取磁盘使用情况（使用允许的目录路径）
  3. function getDiskUsage() {
  4.     // 使用当前脚本所在目录作为基准路径
  5.     $baseDir = __DIR__;
  6.      
  7.     $total = disk_total_space($baseDir);
  8.     $free = disk_free_space($baseDir);
  9.     $used = $total - $free;
  10.      
  11.     // 防止除以零错误
  12.     if ($total == 0) {
  13.         return [
  14.             'total' => '未知',
  15.             'free' => '未知',
  16.             'used' => '未知',
  17.             'percent' => 0,
  18.             'percentFree' => 0
  19.         ];
  20.     }
  21.      
  22.     $percent = round(($used / $total) * 100, 2);
  23.     $percentFree = round(($free / $total) * 100, 2);
  24.      
  25.     return [
  26.         'total' => formatBytes($total),
  27.         'free' => formatBytes($free),
  28.         'used' => formatBytes($used),
  29.         'percent' => $percent,
  30.         'percentFree' => $percentFree
  31.     ];
  32. }

  34. // 格式化字节大小
  35. function formatBytes($bytes, $precision = 2) {
  36.     if ($bytes == 0) return '0 B';
  37.      
  38.     $units = ['B', 'KB', 'MB', 'GB', 'TB'];
  39.     $bytes = max($bytes, 0);
  40.     $pow = floor(($bytes ? log($bytes) : 0) / log(1024));
  41.     $pow = min($pow, count($units) - 1);
  42.      
  43.     $bytes /= pow(1024, $pow);
  44.      
  45.     return round($bytes, $precision) . ' ' . $units[$pow];
  46. }

  48. // 获取系统信息
  49. function getSystemInfo() {
  50.     return [
  51.         'os' => php_uname('s') . ' ' . php_uname('r'),
  52.         'php_version' => PHP_VERSION,
  53.         'server_software' => $_SERVER['SERVER_SOFTWARE'] ?? '未知',
  54.         'server_time' => date('Y-m-d H:i:s')
  55.     ];
  56. }

  58. // 获取磁盘使用情况
  59. $diskUsage = getDiskUsage();
  60. $systemInfo = getSystemInfo();
  61. ?>

  63. <!DOCTYPE html>
  64. <html lang="zh-CN">
  65. <head>
  66.     <meta charset="UTF-8">
  67.     <meta name="viewport" content="width=device-width, initial-scale=1.0">
  68.     <title>磁盘使用统计</title>
  69.     <link href="https://cdn.jsdelivr.net/npm/bootstrap@5.3.0/dist/css/bootstrap.min.css" rel="stylesheet">
  70.     <script src="https://cdn.jsdelivr.net/npm/chart.js"></script>
  71.     <style>
  72.         body {
  73.             background-color: #f8f9fa;
  74.             font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
  75.         }
  76.         .dashboard {
  77.             max-width: 1200px;
  78.             margin: 30px auto;
  79.             padding: 20px;
  80.         }
  81.         .card {
  82.             border-radius: 10px;
  83.             box-shadow: 0 4px 12px rgba(0,0,0,0.1);
  84.             margin-bottom: 20px;
  85.             border: none;
  86.         }
  87.         .card-header {
  88.             background-color: #4a6fdc;
  89.             color: white;
  90.             font-weight: 600;
  91.             border-radius: 10px 10px 0 0 !important;
  92.             padding: 12px 20px;
  93.         }
  94.         .progress {
  95.             height: 25px;
  96.             border-radius: 15px;
  97.             background-color: #e9ecef;
  98.         }
  99.         .progress-bar {
  100.             border-radius: 15px;
  101.             font-weight: 600;
  102.         }
  103.         .stat-card {
  104.             text-align: center;
  105.             padding: 20px;
  106.             border-radius: 10px;
  107.             background-color: white;
  108.             box-shadow: 0 2px 8px rgba(0,0,0,0.08);
  109.             margin-bottom: 20px;
  110.             transition: transform 0.3s;
  111.         }
  112.         .stat-card:hover {
  113.             transform: translateY(-5px);
  114.         }
  115.         .stat-value {
  116.             font-size: 2.2rem;
  117.             font-weight: 700;
  118.             margin: 10px 0;
  119.         }
  120.         .stat-label {
  121.             color: #6c757d;
  122.             font-size: 0.9rem;
  123.         }
  124.         .chart-container {
  125.             position: relative;
  126.             height: 300px;
  127.             width: 100%;
  128.         }
  129.         .system-info {
  130.             background-color: #f8f9fa;
  131.             border-radius: 8px;
  132.             padding: 15px;
  133.         }
  134.         .system-info-item {
  135.             margin-bottom: 10px;
  136.             display: flex;
  137.             justify-content: space-between;
  138.         }
  139.         .system-info-label {
  140.             font-weight: 600;
  141.             color: #495057;
  142.         }
  143.         .system-info-value {
  144.             color: #6c757d;
  145.         }
  146.     </style>
  147. </head>
  148. <body>
  149.     <div class="dashboard">
  150.         <div class="row mb-4">
  151.             <div class="col-12">
  152.                 <h1 class="text-center">磁盘使用统计</h1>
  153.                 <p class="text-center text-muted">当前目录: <?php echo __DIR__; ?></p>
  154.             </div>
  155.         </div>
  156.          
  157.         <div class="row mb-4">
  158.             <div class="col-md-4">
  159.                 <div class="stat-card">
  160.                     <div class="stat-label">总空间</div>
  161.                     <div class="stat-value text-primary"><?php echo $diskUsage['total']; ?></div>
  162.                 </div>
  163.             </div>
  164.             <div class="col-md-4">
  165.                 <div class="stat-card">
  166.                     <div class="stat-label">已用空间</div>
  167.                     <div class="stat-value text-danger"><?php echo $diskUsage['used']; ?></div>
  168.                 </div>
  169.             </div>
  170.             <div class="col-md-4">
  171.                 <div class="stat-card">
  172.                     <div class="stat-label">可用空间</div>
  173.                     <div class="stat-value text-success"><?php echo $diskUsage['free']; ?></div>
  174.                 </div>
  175.             </div>
  176.         </div>
  177.          
  178.         <div class="row mb-4">
  179.             <div class="col-md-6">
  180.                 <div class="card">
  181.                     <div class="card-header">磁盘使用率</div>
  182.                     <div class="card-body">
  183.                         <div class="progress mb-3">
  184.                             <div class="progress-bar bg-danger" role="progressbar"
  185.                                 style="width: <?php echo $diskUsage['percent']; ?>%"
  186.                                 aria-valuenow="<?php echo $diskUsage['percent']; ?>"
  187.                                 aria-valuemin="0" aria-valuemax="100">
  188.                                 <?php echo $diskUsage['percent']; ?>%
  189.                             </div>
  190.                         </div>
  191.                         <div class="d-flex justify-content-between">
  192.                             <span>已用: <?php echo $diskUsage['percent']; ?>%</span>
  193.                             <span>可用: <?php echo $diskUsage['percentFree']; ?>%</span>
  194.                         </div>
  195.                     </div>
  196.                 </div>
  197.             </div>
  198.             
  199.             <div class="col-md-6">
  200.                 <div class="card">
  201.                     <div class="card-header">磁盘使用分布</div>
  202.                     <div class="card-body">
  203.                         <div class="chart-container">
  204.                             <canvas id="diskChart"></canvas>
  205.                         </div>
  206.                     </div>
  207.                 </div>
  208.             </div>
  209.         </div>
  210.          
  211.         <div class="row">
  212.             <div class="col-md-6">
  213.                 <div class="card">
  214.                     <div class="card-header">系统信息</div>
  215.                     <div class="card-body">
  216.                         <div class="system-info">
  217.                             <div class="system-info-item">
  218.                                 <span class="system-info-label">操作系统:</span>
  219.                                 <span class="system-info-value"><?php echo $systemInfo['os']; ?></span>
  220.                             </div>
  221.                             <div class="system-info-item">
  222.                                 <span class="system-info-label">PHP版本:</span>
  223.                                 <span class="system-info-value"><?php echo $systemInfo['php_version']; ?></span>
  224.                             </div>
  225.                             <div class="system-info-item">
  226.                                 <span class="system-info-label">服务器软件:</span>
  227.                                 <span class="system-info-value"><?php echo $systemInfo['server_software']; ?></span>
  228.                             </div>
  229.                             <div class="system-info-item">
  230.                                 <span class="system-info-label">服务器时间:</span>
  231.                                 <span class="system-info-value"><?php echo $systemInfo['server_time']; ?></span>
  232.                             </div>
  233.                         </div>
  234.                     </div>
  235.                 </div>
  236.             </div>
  237.             
  238.             <div class="col-md-6">
  239.                 <div class="card">
  240.                     <div class="card-header">磁盘空间详情</div>
  241.                     <div class="card-body">
  242.                         <table class="table table-striped">
  243.                             <tbody>
  244.                                 <tr>
  245.                                     <td>总空间</td>
  246.                                     <td class="text-end"><?php echo $diskUsage['total']; ?></td>
  247.                                 </tr>
  248.                                 <tr>
  249.                                     <td>已用空间</td>
  250.                                     <td class="text-end text-danger"><?php echo $diskUsage['used']; ?></td>
  251.                                 </tr>
  252.                                 <tr>
  253.                                     <td>可用空间</td>
  254.                                     <td class="text-end text-success"><?php echo $diskUsage['free']; ?></td>
  255.                                 </tr>
  256.                                 <tr>
  257.                                     <td>使用率</td>
  258.                                     <td class="text-end"><?php echo $diskUsage['percent']; ?>%</td>
  259.                                 </tr>
  260.                             </tbody>
  261.                         </table>
  262.                     </div>
  263.                 </div>
  264.             </div>
  265.         </div>
  266.     </div>

  268.     <script>
  269.         // 磁盘使用饼图
  270.         const ctx = document.getElementById('diskChart').getContext('2d');
  271.         const diskChart = new Chart(ctx, {
  272.             type: 'pie',
  273.             data: {
  274.                 labels: ['已用空间', '可用空间'],
  275.                 datasets: [{
  276.                     data: [<?php echo $diskUsage['percent']; ?>, <?php echo $diskUsage['percentFree']; ?>],
  277.                     backgroundColor: [
  278.                         '#dc3545',
  279.                         '#28a745'
  280.                     ],
  281.                     borderWidth: 0
  282.                 }]
  283.             },
  284.             options: {
  285.                 responsive: true,
  286.                 maintainAspectRatio: false,
  287.                 plugins: {
  288.                     legend: {
  289.                         position: 'bottom',
  290.                         labels: {
  291.                             font: {
  292.                                 size: 14
  293.                             },
  294.                             padding: 20
  295.                         }
  296.                     },
  297.                     tooltip: {
  298.                         callbacks: {
  299.                             label: function(context) {
  300.                                 return context.label + ': ' + context.raw + '%';
  301.                             }
  302.                         }
  303.                     }
  304.                 }
  305.             }
  306.         });
  307.     </script>
  308. </body>
  309. </html>
复制代码

<?php

// 获取磁盘使用情况（使用允许的目录路径）

function getDiskUsage() {

    // 使用当前脚本所在目录作为基准路径

    $baseDir = __DIR__;

     

    $total = disk_total_space($baseDir);

    $free = disk_free_space($baseDir);

    $used = $total - $free;

     

    // 防止除以零错误

    if ($total == 0) {

        return [

            'total' => '未知',

            'free' => '未知',

            'used' => '未知',

            'percent' => 0,

            'percentFree' => 0

        ];

    }

     

    $percent = round(($used / $total) * 100, 2);

    $percentFree = round(($free / $total) * 100, 2);

     

    return [

        'total' => formatBytes($total),

        'free' => formatBytes($free),

        'used' => formatBytes($used),

        'percent' => $percent,

        'percentFree' => $percentFree

    ];

}


// 格式化字节大小

function formatBytes($bytes, $precision = 2) {

    if ($bytes == 0) return '0 B';

     

    $units = ['B', 'KB', 'MB', 'GB', 'TB'];

    $bytes = max($bytes, 0);

    $pow = floor(($bytes ? log($bytes) : 0) / log(1024));

    $pow = min($pow, count($units) - 1);

     

    $bytes /= pow(1024, $pow);

     

    return round($bytes, $precision) . ' ' . $units[$pow];

}


// 获取系统信息

function getSystemInfo() {

    return [

        'os' => php_uname('s') . ' ' . php_uname('r'),

        'php_version' => PHP_VERSION,

        'server_software' => $_SERVER['SERVER_SOFTWARE'] ?? '未知',

        'server_time' => date('Y-m-d H:i:s')

    ];

}


// 获取磁盘使用情况

$diskUsage = getDiskUsage();

$systemInfo = getSystemInfo();

?>


<!DOCTYPE html>

<html lang="zh-CN">

<head>

    <meta charset="UTF-8">

    <meta name="viewport" content="width=device-width, initial-scale=1.0">

    <title>磁盘使用统计</title>

    <link href="https://cdn.jsdelivr.net/npm/bootstrap@5.3.0/dist/css/bootstrap.min.css" rel="stylesheet">

    <script src="https://cdn.jsdelivr.net/npm/chart.js"></script>

    <style>

        body {

            background-color: #f8f9fa;

            font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;

        }

        .dashboard {

            max-width: 1200px;

            margin: 30px auto;

            padding: 20px;

        }

        .card {

            border-radius: 10px;

            box-shadow: 0 4px 12px rgba(0,0,0,0.1);

            margin-bottom: 20px;

            border: none;

        }

        .card-header {

            background-color: #4a6fdc;

            color: white;

            font-weight: 600;

            border-radius: 10px 10px 0 0 !important;

            padding: 12px 20px;

        }

        .progress {

            height: 25px;

            border-radius: 15px;

            background-color: #e9ecef;

        }

        .progress-bar {

            border-radius: 15px;

            font-weight: 600;

        }

        .stat-card {

            text-align: center;

            padding: 20px;

            border-radius: 10px;

            background-color: white;

            box-shadow: 0 2px 8px rgba(0,0,0,0.08);

            margin-bottom: 20px;

            transition: transform 0.3s;

        }

        .stat-card:hover {

            transform: translateY(-5px);

        }

        .stat-value {

            font-size: 2.2rem;

            font-weight: 700;

            margin: 10px 0;

        }

        .stat-label {

            color: #6c757d;

            font-size: 0.9rem;

        }

        .chart-container {

            position: relative;

            height: 300px;

            width: 100%;

        }

        .system-info {

            background-color: #f8f9fa;

            border-radius: 8px;

            padding: 15px;

        }

        .system-info-item {

            margin-bottom: 10px;

            display: flex;

            justify-content: space-between;

        }

        .system-info-label {

            font-weight: 600;

            color: #495057;

        }

        .system-info-value {

            color: #6c757d;

        }

    </style>

</head>

<body>

    <div class="dashboard">

        <div class="row mb-4">

            <div class="col-12">

                <h1 class="text-center">磁盘使用统计</h1>

                <p class="text-center text-muted">当前目录: <?php echo __DIR__; ?></p>

            </div>

        </div>

         

        <div class="row mb-4">

            <div class="col-md-4">

                <div class="stat-card">

                    <div class="stat-label">总空间</div>

                    <div class="stat-value text-primary"><?php echo $diskUsage['total']; ?></div>

                </div>

            </div>

            <div class="col-md-4">

                <div class="stat-card">

                    <div class="stat-label">已用空间</div>

                    <div class="stat-value text-danger"><?php echo $diskUsage['used']; ?></div>

                </div>

            </div>

            <div class="col-md-4">

                <div class="stat-card">

                    <div class="stat-label">可用空间</div>

                    <div class="stat-value text-success"><?php echo $diskUsage['free']; ?></div>

                </div>

            </div>

        </div>

         

        <div class="row mb-4">

            <div class="col-md-6">

                <div class="card">

                    <div class="card-header">磁盘使用率</div>

                    <div class="card-body">

                        <div class="progress mb-3">

                            <div class="progress-bar bg-danger" role="progressbar"

                                style="width: <?php echo $diskUsage['percent']; ?>%"

                                aria-valuenow="<?php echo $diskUsage['percent']; ?>"

                                aria-valuemin="0" aria-valuemax="100">

                                <?php echo $diskUsage['percent']; ?>%

                            </div>

                        </div>

                        <div class="d-flex justify-content-between">

                            <span>已用: <?php echo $diskUsage['percent']; ?>%</span>

                            <span>可用: <?php echo $diskUsage['percentFree']; ?>%</span>

                        </div>

                    </div>

                </div>

            </div>

             

            <div class="col-md-6">

                <div class="card">

                    <div class="card-header">磁盘使用分布</div>

                    <div class="card-body">

                        <div class="chart-container">

                            <canvas id="diskChart"></canvas>

                        </div>

                    </div>

                </div>

            </div>

        </div>

         

        <div class="row">

            <div class="col-md-6">

                <div class="card">

                    <div class="card-header">系统信息</div>

                    <div class="card-body">

                        <div class="system-info">

                            <div class="system-info-item">

                                <span class="system-info-label">操作系统:</span>

                                <span class="system-info-value"><?php echo $systemInfo['os']; ?></span>

                            </div>

                            <div class="system-info-item">

                                <span class="system-info-label">PHP版本:</span>

                                <span class="system-info-value"><?php echo $systemInfo['php_version']; ?></span>

                            </div>

                            <div class="system-info-item">

                                <span class="system-info-label">服务器软件:</span>

                                <span class="system-info-value"><?php echo $systemInfo['server_software']; ?></span>

                            </div>

                            <div class="system-info-item">

                                <span class="system-info-label">服务器时间:</span>

                                <span class="system-info-value"><?php echo $systemInfo['server_time']; ?></span>

                            </div>

                        </div>

                    </div>

                </div>

            </div>

             

            <div class="col-md-6">

                <div class="card">

                    <div class="card-header">磁盘空间详情</div>

                    <div class="card-body">

                        <table class="table table-striped">

                            <tbody>

                                <tr>

                                    <td>总空间</td>

                                    <td class="text-end"><?php echo $diskUsage['total']; ?></td>

                                </tr>

                                <tr>

                                    <td>已用空间</td>

                                    <td class="text-end text-danger"><?php echo $diskUsage['used']; ?></td>

                                </tr>

                                <tr>

                                    <td>可用空间</td>

                                    <td class="text-end text-success"><?php echo $diskUsage['free']; ?></td>

                                </tr>

                                <tr>

                                    <td>使用率</td>

                                    <td class="text-end"><?php echo $diskUsage['percent']; ?>%</td>

                                </tr>

                            </tbody>

                        </table>

                    </div>

                </div>

            </div>

        </div>

    </div>


    <script>

        // 磁盘使用饼图

        const ctx = document.getElementById('diskChart').getContext('2d');

        const diskChart = new Chart(ctx, {

            type: 'pie',

            data: {

                labels: ['已用空间', '可用空间'],

                datasets: [{

                    data: [<?php echo $diskUsage['percent']; ?>, <?php echo $diskUsage['percentFree']; ?>],

                    backgroundColor: [

                        '#dc3545',

                        '#28a745'

                    ],

                    borderWidth: 0

                }]

            },

            options: {

                responsive: true,

                maintainAspectRatio: false,

                plugins: {

                    legend: {

                        position: 'bottom',

                        labels: {

                            font: {

                                size: 14

                            },

                            padding: 20

                        }

                    },

                    tooltip: {

                        callbacks: {

                            label: function(context) {

                                return context.label + ': ' + context.raw + '%';

                            }

                        }

                    }

                }

            }

        });

    </script>

</body>

</html>
苦力怕论坛，感谢有您~
回复

使用道具举报

返回列表发新帖

本版积分规则

本站
关于我们
联系我们
坛史纲要
官方
哔哩哔哩
技术博客
下载
网易版
安卓版
JAVA
反馈
意见建议
教程中心
更多
捐助本站
QQ群
QQ群

QQ群

访问手机版

访问手机版

手机版|小黑屋|系统状态|klpbbs.com

| 由 木韩网络 提供支持 | GMT+8, 2026-2-3 03:36

声明：本站与Mojang以及微软公司没有从属关系

Powered by Discuz! X3.4