From 81b08598d05babe271d52c9747a58ec6ac3c1903 Mon Sep 17 00:00:00 2001
From: Leonmmcoset <testmod@qq.com>
Date: Sat, 12 Jul 2025 15:19:14 +0800
Subject: [PATCH] =?UTF-8?q?refactor(UI):=20=E4=BC=98=E5=8C=96=E8=A1=A8?=
 =?UTF-8?q?=E5=8D=95=E5=B8=83=E5=B1=80=E5=B9=B6=E6=B7=BB=E5=8A=A0=E7=A3=81?=
 =?UTF-8?q?=E7=9B=98=E4=BD=BF=E7=94=A8=E7=BB=9F=E8=AE=A1=E5=8A=9F=E8=83=BD?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

- 将登录表单改为浮动标签样式提升用户体验
- 为版本管理表单添加占位符文本
- 在首页添加网站空间使用情况统计
---
 admin/login.php           |  8 ++++----
 admin/manage_versions.php |  4 ++--
 developer/login.php       | 10 +++++-----
 index.php                 | 31 ++++++++++++++++++++++++++++---
 4 files changed, 39 insertions(+), 14 deletions(-)

diff --git a/admin/login.php b/admin/login.php
index 71a9dd3..d62c68e 100644
--- a/admin/login.php
+++ b/admin/login.php
@@ -84,13 +84,13 @@ if (!isset($_SESSION['admin'])) {
                                 </script>
                             <?php endif; ?>
                             <form method="post">
-                                <div class="mb-3">
-                                    <label for="username" class="form-label">用户名</label>
+                                <div class="form-floating mb-3">
                                     <input type="text" class="form-control" id="username" name="username" required>
+                                    <label for="username">用户名</label>
                                 </div>
-                                <div class="mb-3">
-                                    <label for="password" class="form-label">密码</label>
+                                <div class="form-floating mb-3">
                                     <input type="password" class="form-control" id="password" name="password" required>
+                                    <label for="password">密码</label>
                                 </div>
                                 <button type="submit" class="btn btn-primary">登录</button>
                             </form>
diff --git a/admin/manage_versions.php b/admin/manage_versions.php
index cc3caa1..2b0f2c2 100644
--- a/admin/manage_versions.php
+++ b/admin/manage_versions.php
@@ -286,11 +286,11 @@ if (isset($_GET['success'])) {
                                     <div class="modal-body">
                                         <input type="hidden" name="version_id" value="<?php echo $version['id']; ?>">
                                         <div class="form-floating mb-3">
-                <input type="text" class="form-control" id="version_<?php echo $version['id']; ?>" name="version" value="<?php echo htmlspecialchars($version['version']); ?>" required>
+                <input type="text" class="form-control" id="version_<?php echo $version['id']; ?>" name="version" value="<?php echo htmlspecialchars($version['version']); ?>" placeholder="如: 1.0.0" required>
                 <label for="version_<?php echo $version['id']; ?>">版本号</label>
             </div>
                                         <div class="form-floating mb-3">
-                <textarea class="form-control" id="changelog_<?php echo $version['id']; ?>" name="changelog" rows="3" required><?php echo htmlspecialchars($version['changelog']); ?></textarea>
+                <textarea class="form-control" id="changelog_<?php echo $version['id']; ?>" name="changelog" rows="3" placeholder="描述本次更新内容" required><?php echo htmlspecialchars($version['changelog']); ?></textarea>
                 <label for="changelog_<?php echo $version['id']; ?>">更新日志</label>
             </div>
                                         <div class="mb-3">
diff --git a/developer/login.php b/developer/login.php
index 8e2c1ed..736a8da 100644
--- a/developer/login.php
+++ b/developer/login.php
@@ -103,13 +103,13 @@ if (!($conn instanceof mysqli)) {
             <div class="alert alert-danger" role="alert"><?php echo $error; ?></div>
         <?php endif; ?>
         <form method="post">
-            <div class="mb-3">
-                <label for="login_id" class="form-label">邮箱/用户名</label>
+            <div class="form-floating mb-3">
                 <input type="text" id="login_id" name="login_id" class="form-control" placeholder="请输入邮箱或用户名" required>
+                <label for="login_id">邮箱/用户名</label>
             </div>
-            <div class="form-group">
-                <label for="password" class="form-label">密码</label>
-                <input type="password" id="password" name="password" class="form-control" required>
+            <div class="form-floating mb-3">
+                <input type="password" id="password" name="password" class="form-control" placeholder="请输入密码" required>
+                <label for="password">密码</label>
             </div>
             <button type="submit" class="btn btn-primary w-100">登录</button>
         </form>
diff --git a/index.php b/index.php
index 627d8ba..31aee3a 100644
--- a/index.php
+++ b/index.php
@@ -114,7 +114,7 @@ $announcement = $announcementResult && $announcementResult->num_rows > 0 ? $anno
         $freeSpace = disk_free_space(__DIR__);
         $usedSpace = $totalSpace - $freeSpace;
         $usagePercent = round(($usedSpace / $totalSpace) * 100, 2);
-        
+
         function formatBytes($bytes) {
             if ($bytes >= 1073741824) {
                 return round($bytes / 1073741824, 2) . ' GB';
@@ -126,14 +126,39 @@ $announcement = $announcementResult && $announcementResult->num_rows > 0 ? $anno
                 return $bytes . ' B';
             }
         }
-        ?>
+
+        // 计算网站占用量
+        function getDirectorySize($dir) {
+            $size = 0;
+            $iterator = new RecursiveIteratorIterator(new RecursiveDirectoryIterator($dir));
+            foreach ($iterator as $file) {
+                if ($file->isFile()) {
+                    $size += $file->getSize();
+                }
+            }
+            return $size;
+        }
+        $websiteSpace = getDirectorySize(__DIR__);
+        $websiteUsagePercent = round(($websiteSpace / $totalSpace) * 100, 2);
+        ?> 
         <div class="progress-label">
             <span>磁盘使用情况</span>
             <span><?php echo formatBytes($usedSpace); ?> / <?php echo formatBytes($totalSpace); ?></span>
         </div>
         <div class="progress">
             <div class="progress-bar" role="progressbar" style="width: <?php echo $usagePercent; ?>%" aria-valuenow="<?php echo $usagePercent; ?>" aria-valuemin="0" aria-valuemax="100"><?php echo $usagePercent; ?>%</div>
-        </div><br>
+        </div>
+        <!-- <p>网站占用量: <?php echo formatBytes($websiteSpace); ?></p> -->
+        <br>
+        <div class="progress-label">
+            <span>网站使用情况</span>
+            <span><?php echo formatBytes($websiteSpace); ?> / <?php echo formatBytes($totalSpace); ?></span>
+        </div>
+        <div class="progress">
+            <div class="progress-bar" role="progressbar" style="width: <?php echo $websiteUsagePercent; ?>%" aria-valuenow="<?php echo $websiteUsagePercent; ?>" aria-valuemin="0" aria-valuemax="100"><?php echo $websiteUsagePercent; ?>%</div>
+        </div>
+        <!-- <p>网站占用量: <?php echo formatBytes($websiteSpace); ?></p> -->
+        <br>
         <form method="get" action="index.php" class="mb-4" onsubmit="return validateSearch();">
     <script>
     function validateSearch() {