From 2cdc8c99d13a8f6b8f3f648b03ade1193e88bbe2 Mon Sep 17 00:00:00 2001
From: Guarp <guarp2022@163.com>
Date: Sat, 29 Mar 2025 10:39:20 +0800
Subject: [PATCH] =?UTF-8?q?=E6=96=B0=E5=A2=9E=E6=96=87=E4=BB=B6=E5=85=B1?=
 =?UTF-8?q?=E4=BA=AB=EF=BC=9B=20=E4=BF=AE=E6=94=B9=E4=B8=BB=E9=A1=B5?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 package-lock.json                             |   9 +
 package.json                                  |   1 +
 .../isolatedPages/gungame3d/audio/受击.mp3    | Bin 0 -> 12992 bytes
 .../gungame3d/audio/手枪开枪.mp3              | Bin 0 -> 7424 bytes
 .../gungame3d/audio/手枪换弹.mp3              | Bin 0 -> 5432 bytes
 .../static/isolatedPages/gungame3d/index.html | 519 ++++++++++--------
 src/components/AccountWorkPiece.vue           |   7 +-
 src/components/GeneralRenderer.vue            |   4 +-
 src/components/NavBar.vue                     |   1 +
 src/pages/Demos_home.vue                      |   8 +
 src/pages/Home.vue                            | 236 +++++++-
 .../accountPages/Account_admin_uploadLog.vue  |  26 +-
 src/pages/accountPages/Account_setting.vue    |  14 +-
 src/pages/blogPages/SingleBlog_page.vue       |   4 +-
 src/pages/blogPages/blogEditor.vue            |  50 +-
 .../submitBlogPages/SubmitBlog_page.vue       |   9 +-
 .../demoPages/fileSharing/Sharing_page.vue    | 249 +++++++++
 .../demoPages/messageBoard/Board_page.vue     |  24 +-
 src/pages/demoPages/messageBoard/Message.vue  |   1 +
 src/pages/demoPages/podExercise/Pod_page.vue  |  51 +-
 src/pages/demoPages/podExercise/Quiz.vue      | 109 +++-
 .../RequestTester/requestTester_page.vue      | 284 ++++++++--
 src/router/index.js                           | 164 +++---
 23 files changed, 1291 insertions(+), 479 deletions(-)
 create mode 100644 public/static/isolatedPages/gungame3d/audio/受击.mp3
 create mode 100644 public/static/isolatedPages/gungame3d/audio/手枪开枪.mp3
 create mode 100644 public/static/isolatedPages/gungame3d/audio/手枪换弹.mp3
 create mode 100644 src/pages/demoPages/fileSharing/Sharing_page.vue

diff --git a/package-lock.json b/package-lock.json
index e528da0..7f2a6fd 100644
--- a/package-lock.json
+++ b/package-lock.json
@@ -13,6 +13,7 @@
         "@wangeditor/editor": "^5.1.23",
         "@wangeditor/editor-for-vue": "^5.1.12",
         "axios": "^1.7.9",
+        "diff": "^7.0.0",
         "element-plus": "^2.9.6",
         "jquery": "^3.7.1",
         "js-cookie": "^3.0.5",
@@ -2479,6 +2480,14 @@
         "node": ">=0.10"
       }
     },
+    "node_modules/diff": {
+      "version": "7.0.0",
+      "resolved": "https://registry.npmjs.org/diff/-/diff-7.0.0.tgz",
+      "integrity": "sha512-PJWHUb1RFevKCwaFA9RlG5tCd+FO5iRh9A8HEtkmBH2Li03iJriB6m6JIN4rGz3K3JLawI7/veA1xzRKP6ISBw==",
+      "engines": {
+        "node": ">=0.3.1"
+      }
+    },
     "node_modules/dom7": {
       "version": "3.0.0",
       "resolved": "https://registry.npmjs.org/dom7/-/dom7-3.0.0.tgz",
diff --git a/package.json b/package.json
index 7f23e0a..9c483c9 100644
--- a/package.json
+++ b/package.json
@@ -14,6 +14,7 @@
     "@wangeditor/editor": "^5.1.23",
     "@wangeditor/editor-for-vue": "^5.1.12",
     "axios": "^1.7.9",
+    "diff": "^7.0.0",
     "element-plus": "^2.9.6",
     "jquery": "^3.7.1",
     "js-cookie": "^3.0.5",
diff --git a/public/static/isolatedPages/gungame3d/audio/受击.mp3 b/public/static/isolatedPages/gungame3d/audio/受击.mp3
new file mode 100644
index 0000000000000000000000000000000000000000..c6b3ec3a75d476f7d79ec72e9c4e8de18b17837c
GIT binary patch
literal 12992
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
SeluWZi^KlUp$d=x7x`b0MD)}E

literal 0
HcmV?d00001

diff --git a/public/static/isolatedPages/gungame3d/audio/手枪开枪.mp3 b/public/static/isolatedPages/gungame3d/audio/手枪开枪.mp3
new file mode 100644
index 0000000000000000000000000000000000000000..06ddcb8579137d6fd1b339129cd6220c4d7ea4a3
GIT binary patch
literal 7424
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
F{{yjqVAB8q

literal 0
HcmV?d00001

diff --git a/public/static/isolatedPages/gungame3d/audio/手枪换弹.mp3 b/public/static/isolatedPages/gungame3d/audio/手枪换弹.mp3
new file mode 100644
index 0000000000000000000000000000000000000000..a036593b43e2ec94d282468ada84be4c7d706b7b
GIT binary patch
literal 5432
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
B%v1mX

literal 0
HcmV?d00001

diff --git a/public/static/isolatedPages/gungame3d/index.html b/public/static/isolatedPages/gungame3d/index.html
index 5a4e3db..4e267b9 100644
--- a/public/static/isolatedPages/gungame3d/index.html
+++ b/public/static/isolatedPages/gungame3d/index.html
@@ -2,10 +2,11 @@
 <html lang="zh-CN">
 <head>
     <meta charset="UTF-8">
-    <meta name="viewport" content="width=device-width, initial-scale=1.0">
+    <meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=no">
     <title>3D第一人称射击游戏</title>
     <style>
         body { margin: 0; overflow: hidden; }
+        canvas { touch-action: none; }
         #crosshair {
             position: absolute;
             top: 50%;
@@ -15,76 +16,223 @@
             height: 10px;
             background-color: red;
             border-radius: 50%;
+            pointer-events: none;
         }
-        .ui { font-family: Arial, sans-serif; color: white; font-size: 20px; position: absolute; }
+        .ui { font-family: Arial, sans-serif; color: white; font-size: 16px; position: absolute; pointer-events: none; }
+        #joystick {
+            position: absolute;
+            bottom: 20px;
+            left: 20px;
+            width: 100px;
+            height: 100px;
+            background: rgba(255, 255, 255, 0.2);
+            border-radius: 50%;
+            z-index: 10;
+            display: none; /* Hidden by default */
+        }
+        #joystickKnob {
+            position: absolute;
+            width: 40px;
+            height: 40px;
+            background: rgba(255, 255, 255, 0.5);
+            border-radius: 50%;
+            transform: translate(-50%, -50%);
+            top: 50%;
+            left: 50%;
+        }
+        #shootButton, #reloadButton {
+            display: none; /* Hidden by default */
+        }
+        #shootButton {
+            position: absolute;
+            bottom: 50px;
+            right: 20px;
+            width: 80px;
+            height: 80px;
+            background: rgba(255, 0, 0, 0.7);
+            border-radius: 50%;
+            border: none;
+            color: white;
+            font-size: 20px;
+            z-index: 10;
+        }
+        #reloadButton {
+            position: absolute;
+            bottom: 150px;
+            right: 40px;
+            width: 40px;
+            height: 40px;
+            background: rgba(0, 255, 0, 0.7);
+            border-radius: 50%;
+            border: none;
+            color: white;
+            font-size: 16px;
+            z-index: 10;
+        }
+        #modeSelectModal, #gameOverModal {
+            position: absolute;
+            top: 50%;
+            left: 50%;
+            transform: translate(-50%, -50%);
+            background: rgba(0, 0, 0, 0.8);
+            color: white;
+            padding: 20px;
+            border-radius: 10px;
+            text-align: center;
+            z-index: 20;
+        }
+        #modeSelectModal button, #gameOverModal button {
+            padding: 10px 20px;
+            font-size: 16px;
+            margin: 5px;
+            cursor: pointer;
+        }
+        #gameOverModal { display: none; }
     </style>
 </head>
 <body>
-<!-- 准星 -->
 <div id="crosshair"></div>
-<!-- 受伤闪烁效果 -->
 <div id="damageOverlay" style="position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-color: rgba(255, 0, 0, 0); pointer-events: none;"></div>
-<!-- 游戏结束弹窗 -->
-<div id="gameOverModal" style="position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); background: rgba(0, 0, 0, 0.8); color: white; padding: 20px; border-radius: 10px; text-align: center; display: none;">
+<div id="modeSelectModal">
+    <h2>选择游戏模式</h2>
+    <p>请选择您的设备类型：</p>
+    <button id="desktopMode">桌面模式</button>
+    <button id="mobileMode">移动模式</button>
+</div>
+<div id="gameOverModal">
     <h2>游戏结束</h2>
     <p id="finalScore"></p>
-    <button id="restartButton" style="padding: 10px 20px; font-size: 16px; cursor: pointer;">重新开始</button>
+    <button id="restartButton">重新开始</button>
 </div>
+<div id="joystick"><div id="joystickKnob"></div></div>
+<button id="shootButton">射击</button>
+<button id="reloadButton">换弹</button>
+
 <script src="https://cdnjs.cloudflare.com/ajax/libs/three.js/r128/three.min.js"></script>
 <script src="https://cdnjs.cloudflare.com/ajax/libs/gsap/3.9.1/gsap.min.js"></script>
 <script src="https://cdnjs.cloudflare.com/ajax/libs/simplex-noise/2.4.0/simplex-noise.min.js"></script>
 <script>
-    let isGamePaused = false;
-    // 初始化场景
+    let isGamePaused = true; // Start paused until mode is selected
+    let mode = null; // 'desktop' or 'mobile'
+
+    // Audio Functions
+    function playShootSound() { const audio = new Audio('./audio/手枪开枪.mp3'); audio.play(); }
+    function playReloadSound() { const audio = new Audio('./audio/手枪换弹.mp3'); audio.play(); }
+    function playDamageSound() { const audio = new Audio('./audio/受击.mp3'); audio.play(); }
+
+    // Scene Setup
     const scene = new THREE.Scene();
     const camera = new THREE.PerspectiveCamera(75, window.innerWidth / window.innerHeight, 0.1, 1000);
-    camera.position.set(0, 1.6, 0); // 玩家高度1.6米
-
+    camera.position.set(0, 1.6, 0);
     const renderer = new THREE.WebGLRenderer({ antialias: true });
     renderer.setSize(window.innerWidth, window.innerHeight);
     document.body.appendChild(renderer.domElement);
 
-    // 添加光照
     const ambientLight = new THREE.AmbientLight(0xffffff, 0.5);
     scene.add(ambientLight);
     const directionalLight = new THREE.DirectionalLight(0xffffff, 0.5);
     directionalLight.position.set(1, 1, 1);
     scene.add(directionalLight);
 
-    // 视角控制（重新设计）
-    let yaw = 0; // 水平旋转角度（左右）
-    let pitch = 0; // 垂直旋转角度（上下）
-    const sensitivity = 0.002; // 鼠标灵敏度
-    document.addEventListener('click', () => {
-        renderer.domElement.requestPointerLock();
-    });
-    document.addEventListener('mousemove', (event) => {
-        if (document.pointerLockElement === renderer.domElement) {
-            const movementX = event.movementX || 0;
-            const movementY = event.movementY || 0;
-
-            // 水平旋转（向左移动鼠标镜头向左）
-            yaw -= movementX * sensitivity;
-
-            // 垂直旋转（向上移动鼠标镜头向上）
-            pitch -= movementY * sensitivity;
-            pitch = Math.max(-Math.PI / 2, Math.min(Math.PI / 2, pitch)); // 限制垂直角度
-
-            // 更新相机旋转
-            camera.rotation.order = 'YXZ'; // 先Y（水平）后X（垂直）
-            camera.rotation.set(pitch, yaw, 0);
-        }
-    });
-
-
-    // WASD移动控制
+    // Camera Control
+    let yaw = 0, pitch = 0, sensitivity = 0.005;
     const keys = {};
-    document.addEventListener('keydown', (event) => keys[event.key.toLowerCase()] = true);
-    document.addEventListener('keyup', (event) => keys[event.key.toLowerCase()] = false);
 
-    // 子弹管理
-    let bullets = 10;
-    const maxBullets = 10;
+    function setupDesktopControls() {
+        document.addEventListener('click', () => renderer.domElement.requestPointerLock());
+        document.addEventListener('mousemove', (event) => {
+            if (document.pointerLockElement === renderer.domElement) {
+                yaw -= (event.movementX || 0) * sensitivity;
+                pitch -= (event.movementY || 0) * sensitivity;
+                pitch = Math.max(-Math.PI / 2, Math.min(Math.PI / 2, pitch));
+                camera.rotation.order = 'YXZ';
+                camera.rotation.set(pitch, yaw, 0);
+            }
+        });
+        document.addEventListener('keydown', (event) => keys[event.key.toLowerCase()] = true);
+        document.addEventListener('keyup', (event) => keys[event.key.toLowerCase()] = false);
+    }
+
+    let touchStartX = 0, touchStartY = 0, isSwiping = false;
+    function setupMobileControls() {
+        document.addEventListener('touchstart', (e) => {
+            if (e.target.tagName !== 'BUTTON' && e.target.id !== 'joystick' && e.target.id !== 'joystickKnob') {
+                isSwiping = true;
+                touchStartX = e.touches[0].clientX;
+                touchStartY = e.touches[0].clientY;
+            }
+        });
+        document.addEventListener('touchmove', (e) => {
+            if (isSwiping) {
+                const deltaX = e.touches[0].clientX - touchStartX;
+                const deltaY = e.touches[0].clientY - touchStartY;
+                yaw -= deltaX * sensitivity;
+                pitch -= deltaY * sensitivity;
+                pitch = Math.max(-Math.PI / 2, Math.min(Math.PI / 2, pitch));
+                camera.rotation.order = 'YXZ';
+                camera.rotation.set(pitch, yaw, 0);
+                touchStartX = e.touches[0].clientX;
+                touchStartY = e.touches[0].clientY;
+            }
+        });
+        document.addEventListener('touchend', () => { isSwiping = false; });
+    }
+
+    // Joystick Control
+    const joystick = document.getElementById('joystick');
+    const knob = document.getElementById('joystickKnob');
+    let joystickActive = false, joystickX = 0, joystickY = 0, joystickTouchId = null;
+    function setupJoystick() {
+        joystick.style.display = 'block';
+        joystick.addEventListener('touchstart', (e) => {
+            e.preventDefault();
+            const touch = e.touches[0];
+            joystickTouchId = touch.identifier;
+            joystickActive = true;
+            updateJoystick(touch);
+        });
+        document.addEventListener('touchmove', (e) => {
+            if (joystickActive) {
+                for (let touch of e.touches) {
+                    if (touch.identifier === joystickTouchId) {
+                        updateJoystick(touch);
+                        break;
+                    }
+                }
+            }
+        });
+        document.addEventListener('touchend', (e) => {
+            for (let touch of e.changedTouches) {
+                if (touch.identifier === joystickTouchId) {
+                    joystickActive = false;
+                    knob.style.left = '50%';
+                    knob.style.top = '50%';
+                    joystickX = 0;
+                    joystickY = 0;
+                    joystickTouchId = null;
+                    break;
+                }
+            }
+        });
+    }
+    function updateJoystick(touch) {
+        const rect = joystick.getBoundingClientRect();
+        let dx = touch.clientX - (rect.left + rect.width / 2);
+        let dy = touch.clientY - (rect.top + rect.height / 2);
+        const distance = Math.sqrt(dx * dx + dy * dy);
+        const maxDistance = rect.width / 2 - 20;
+        if (distance > maxDistance) {
+            dx = dx * maxDistance / distance;
+            dy = dy * maxDistance / distance;
+        }
+        knob.style.left = `${50 + (dx / maxDistance) * 50}%`;
+        knob.style.top = `${50 + (dy / maxDistance) * 50}%`;
+        joystickX = dx / maxDistance;
+        joystickY = dy / maxDistance;
+    }
+
+    // UI Elements
+    let bullets = 10, maxBullets = 10, health = 100;
     const bulletDisplay = document.createElement('div');
     bulletDisplay.className = 'ui';
     bulletDisplay.style.bottom = '10px';
@@ -92,8 +240,6 @@
     bulletDisplay.innerText = `子弹: ${bullets}`;
     document.body.appendChild(bulletDisplay);
 
-    // 生命值
-    let health = 100;
     const healthDisplay = document.createElement('div');
     healthDisplay.className = 'ui';
     healthDisplay.style.bottom = '10px';
@@ -102,29 +248,17 @@
     document.body.appendChild(healthDisplay);
 
     function deductHealth(amount) {
-        if (isGamePaused) return; // 如果已暂停，不再扣血
+        if (isGamePaused) return;
         health -= amount;
         healthDisplay.innerText = `生命值: ${health}`;
-
-        // 触发红色闪烁效果
+        playDamageSound();
         const damageOverlay = document.getElementById('damageOverlay');
-        gsap.fromTo(
-            damageOverlay,
-            { backgroundColor: 'rgba(255, 0, 0, 0.5)' },
-            {
-                backgroundColor: 'rgba(255, 0, 0, 0)',
-                duration: 0.5,
-                ease: 'power1.out'
-            }
-        );
-
-        if (health <= 0) {
-            endGame();
-        }
+        gsap.fromTo(damageOverlay, { backgroundColor: 'rgba(255, 0, 0, 0.5)' }, { backgroundColor: 'rgba(255, 0, 0, 0)', duration: 0.5, ease: 'power1.out' });
+        if (health <= 0) endGame();
     }
 
-    // 枪械展示
-    const gunTexture = new THREE.TextureLoader().load('./image/gun.png'); // 替换为实际枪械图片URL
+    // Gun
+    const gunTexture = new THREE.TextureLoader().load('./image/gun.png');
     const gunMaterial = new THREE.MeshBasicMaterial({ map: gunTexture, transparent: true });
     const gunGeometry = new THREE.PlaneGeometry(1, 1);
     const gun = new THREE.Mesh(gunGeometry, gunMaterial);
@@ -132,147 +266,111 @@
     camera.add(gun);
     scene.add(camera);
 
-    // 开枪函数
+    // Shoot Function
     function shoot() {
-        if (bullets > 0) {
+        if (bullets > 0 && !isGamePaused) {
             bullets--;
             bulletDisplay.innerText = `子弹: ${bullets}`;
-            gsap.to(gun.position, { z: -1.2, duration: 0.05, yoyo: true, repeat: 1 });
+            playShootSound();
+            const tl = gsap.timeline();
+            tl.to(gun.position, { z: -0.8, duration: 0.02, ease: "power1.in" })
+                .to(gun.position, { z: -1, duration: 0.3, ease: "power2.out" });
 
             const raycaster = new THREE.Raycaster();
             raycaster.setFromCamera(new THREE.Vector2(0, 0), camera);
             const intersects = raycaster.intersectObjects(enemies.map(e => e.sprite));
-
             if (intersects.length > 0) {
                 const enemy = intersects[0].object;
-                const hitDirection = new THREE.Vector3()
-                    .subVectors(enemy.position, camera.position)
-                    .normalize();
-
-                // 添加击飞效果
+                const hitDirection = new THREE.Vector3().subVectors(enemy.position, camera.position).normalize();
                 gsap.to(enemy.position, {
-                    x: enemy.position.x + hitDirection.x * 5,  // 沿射击方向飞5个单位
-                    y: enemy.position.y + 2,                   // 向上飞2个单位
+                    x: enemy.position.x + hitDirection.x * 5,
+                    y: enemy.position.y + 2,
                     z: enemy.position.z + hitDirection.z * 5,
-                    duration: 0.3,                             // 飞行时间0.3秒
-                    ease: "power2.out",                       // 减速效果
-                    onComplete: () => {
-                        scene.remove(enemy);                  // 动画完成后移除敌人
-                        enemies = enemies.filter(e => e.sprite !== enemy);
-                    }
-                });
-
-                // 同时淡出敌人
-                gsap.to(enemy.material, {
-                    opacity: 0,
                     duration: 0.3,
-                    onComplete: () => {
-                        enemy.material.opacity = 1;           // 重置透明度以备复用
-                    }
+                    ease: "power2.out",
+                    onComplete: () => { scene.remove(enemy); enemies = enemies.filter(e => e.sprite !== enemy); }
                 });
-
+                gsap.to(enemy.material, { opacity: 0, duration: 0.3, onComplete: () => { enemy.material.opacity = 1; } });
                 score += 20;
                 timerDisplay.innerText = `时间: ${timeLeft} | 分数: ${score}`;
             }
         }
     }
-    document.addEventListener('click', shoot);
-    document.addEventListener('keydown', (event) => {
-        if (event.key === 'r' && bullets < maxBullets) {
-            bullets = maxBullets;
-            bulletDisplay.innerText = `子弹: ${bullets}`;
-        }
-    });
 
-    // 地形生成
+    // Reload Function
+    function reload() {
+        if (bullets < maxBullets && !isGamePaused) {
+            playReloadSound();
+            setTimeout(() => {
+                bullets = maxBullets;
+                bulletDisplay.innerText = `子弹: ${bullets}`;
+            }, 1500);
+        }
+    }
+
+    // Desktop/Mobile Shoot/Reload Setup
+    function setupControls() {
+        if (mode === 'desktop') {
+            document.addEventListener('click', shoot);
+            document.addEventListener('keydown', (event) => { if (event.key === 'r') reload(); });
+            setupDesktopControls();
+        } else if (mode === 'mobile') {
+            const shootButton = document.getElementById('shootButton');
+            const reloadButton = document.getElementById('reloadButton');
+            shootButton.style.display = 'block';
+            reloadButton.style.display = 'block';
+            shootButton.addEventListener('touchstart', (e) => { e.preventDefault(); shoot(); });
+            reloadButton.addEventListener('touchstart', (e) => { e.preventDefault(); reload(); });
+            setupMobileControls();
+            setupJoystick();
+        }
+    }
+
+    // Terrain
     const noise = new SimplexNoise();
-    const terrainSize = 100;
-    const terrainDetail = 0.1;
-    const terrainHeight = 1; // 平缓地形
+    const terrainSize = 100, terrainDetail = 0.1, terrainHeight = 1;
     const geometry = new THREE.PlaneGeometry(terrainSize, terrainSize, 100, 100);
     geometry.rotateX(-Math.PI / 2);
     const vertices = geometry.attributes.position.array;
     for (let i = 0; i < vertices.length; i += 3) {
-        const x = vertices[i];
-        const z = vertices[i + 2];
-        const y = noise.noise2D(x * terrainDetail, z * terrainDetail) * terrainHeight;
-        vertices[i + 1] = y;
+        const x = vertices[i], z = vertices[i + 2];
+        vertices[i + 1] = noise.noise2D(x * terrainDetail, z * terrainDetail) * terrainHeight;
     }
     geometry.computeVertexNormals();
     const terrainMaterial = new THREE.MeshStandardMaterial({ color: 0x888888 });
     const terrain = new THREE.Mesh(geometry, terrainMaterial);
     scene.add(terrain);
 
-    // 射线投射器
     const raycaster = new THREE.Raycaster();
     raycaster.ray.direction.set(0, -1, 0);
 
-    // 敌人生成（高度贴合地表）
+    // Enemies
     let enemies = [];
     class Enemy {
         constructor() {
-            const enemyTextures = [
-                './image/1.png',
-                './image/2.png',
-            ];
-            const texture = new THREE.TextureLoader().load(enemyTextures[Math.floor(Math.random() * enemyTextures.length)]);
+            const enemyTextures = ['./image/1.png', './image/2.png'];
+            const texture = new THREE.TextureLoader().load(enemyTextures[Math.floor(Math.random() * 2)]);
             const material = new THREE.SpriteMaterial({ map: texture });
             this.sprite = new THREE.Sprite(material);
             this.sprite.scale.set(2, 2, 1);
-
-            // 随机选择地图边缘（0: 上, 1: 下, 2: 左, 3: 右）
-            const edge = Math.floor(Math.random() * 4);
-            const halfSize = terrainSize / 2; // terrainSize = 100, halfSize = 50
-
+            const edge = Math.floor(Math.random() * 4), halfSize = terrainSize / 2;
             switch (edge) {
-                case 0: // 上边缘 (z = 50)
-                    this.sprite.position.set(
-                        Math.random() * terrainSize - halfSize, // x: [-50, 50]
-                        10,                                     // y: 10
-                        halfSize                                // z: 50
-                    );
-                    break;
-                case 1: // 下边缘 (z = -50)
-                    this.sprite.position.set(
-                        Math.random() * terrainSize - halfSize, // x: [-50, 50]
-                        10,                                     // y: 10
-                        -halfSize                               // z: -50
-                    );
-                    break;
-                case 2: // 左边缘 (x = -50)
-                    this.sprite.position.set(
-                        -halfSize,                              // x: -50
-                        10,                                     // y: 10
-                        Math.random() * terrainSize - halfSize  // z: [-50, 50]
-                    );
-                    break;
-                case 3: // 右边缘 (x = 50)
-                    this.sprite.position.set(
-                        halfSize,                               // x: 50
-                        10,                                     // y: 10
-                        Math.random() * terrainSize - halfSize  // z: [-50, 50]
-                    );
-                    break;
+                case 0: this.sprite.position.set(Math.random() * terrainSize - halfSize, 10, halfSize); break;
+                case 1: this.sprite.position.set(Math.random() * terrainSize - halfSize, 10, -halfSize); break;
+                case 2: this.sprite.position.set(-halfSize, 10, Math.random() * terrainSize - halfSize); break;
+                case 3: this.sprite.position.set(halfSize, 10, Math.random() * terrainSize - halfSize); break;
             }
-
             scene.add(this.sprite);
-            this.sprite.material.opacity = 0;
             gsap.to(this.sprite.material, { opacity: 1, duration: 1 });
         }
-
         update() {
             this.sprite.lookAt(camera.position);
             const direction = new THREE.Vector3().subVectors(camera.position, this.sprite.position).normalize();
             this.sprite.position.add(direction.multiplyScalar(0.05));
-
-            // 贴合地表高度
             raycaster.ray.origin.copy(this.sprite.position);
-            raycaster.ray.origin.y = 10; // 从上方检测
+            raycaster.ray.origin.y = 10;
             const intersects = raycaster.intersectObject(terrain);
-            if (intersects.length > 0) {
-                this.sprite.position.y = intersects[0].point.y + 1; // 高度为地表+1
-            }
-
+            if (intersects.length > 0) this.sprite.position.y = intersects[0].point.y + 1;
             if (this.sprite.position.distanceTo(camera.position) < 1) {
                 deductHealth(15);
                 scene.remove(this.sprite);
@@ -280,111 +378,98 @@
             }
         }
     }
+    setInterval(() => { if (enemies.length < 10 && !isGamePaused) enemies.push(new Enemy()); }, 2000);
 
-    setInterval(() => {
-        if (enemies.length < 10) {
-            const newEnemy = new Enemy();
-            enemies.push(newEnemy);
-        }
-    }, 2000); // 每2秒生成一个敌人
-
-    // 计时与得分
-    let timeLeft = 150;
-    let score = 0;
+    // Timer and Score
+    let timeLeft = 150, score = 0;
     const timerDisplay = document.createElement('div');
     timerDisplay.className = 'ui';
     timerDisplay.style.top = '10px';
     timerDisplay.style.left = '10px';
     timerDisplay.innerText = `时间: ${timeLeft} | 分数: ${score}`;
     document.body.appendChild(timerDisplay);
-
     setInterval(() => {
-        if (isGamePaused) return; // 如果暂停，不更新计时器
-        timeLeft--;
-        score++;
-        timerDisplay.innerText = `时间: ${timeLeft} | 分数: ${score}`;
-        if (timeLeft <= 0) {
-            endGame();
+        if (!isGamePaused) {
+            timeLeft--;
+            score++;
+            timerDisplay.innerText = `时间: ${timeLeft} | 分数: ${score}`;
+            if (timeLeft <= 0) endGame();
         }
     }, 1000);
-    // 新增游戏结束函数
+
     function endGame() {
         isGamePaused = true;
-        document.exitPointerLock();
-
-        // 显示弹窗
+        if (mode === 'desktop') document.exitPointerLock();
         const modal = document.getElementById('gameOverModal');
-        const finalScore = document.getElementById('finalScore');
-        finalScore.innerText = `最终得分: ${score}`;
+        document.getElementById('finalScore').innerText = `最终得分: ${score}`;
         modal.style.display = 'block';
     }
-    // 新增重新开始函数
-    function restartGame() {
-        // 重置游戏状态
-        isGamePaused = false;
-        health = 100;
-        bullets = maxBullets;
-        timeLeft = 150;
-        score = 0;
-        enemies.forEach(enemy => scene.remove(enemy.sprite)); // 移除所有敌人
-        enemies = [];
 
-        // 更新UI
+    function restartGame() {
+        isGamePaused = false;
+        health = 100; bullets = maxBullets; timeLeft = 150; score = 0;
+        enemies.forEach(enemy => scene.remove(enemy.sprite));
+        enemies = [];
         healthDisplay.innerText = `生命值: ${health}`;
         bulletDisplay.innerText = `子弹: ${bullets}`;
         timerDisplay.innerText = `时间: ${timeLeft} | 分数: ${score}`;
-
-        // 隐藏弹窗
         document.getElementById('gameOverModal').style.display = 'none';
-
-        // 重新启动动画循环
         animate();
     }
-
-    // 为重新开始按钮添加事件监听
     document.getElementById('restartButton').addEventListener('click', restartGame);
 
-    // 天空贴图
+    // Skybox
     const skyboxLoader = new THREE.CubeTextureLoader();
-    const skyboxTexture = skyboxLoader.load([
+    scene.background = skyboxLoader.load([
         'https://i.imgur.com/px.jpg', 'https://i.imgur.com/nx.jpg',
         'https://i.imgur.com/py.jpg', 'https://i.imgur.com/ny.jpg',
         'https://i.imgur.com/pz.jpg', 'https://i.imgur.com/nz.jpg'
-    ]); // 替换为实际天空贴图URL
-    scene.background = skyboxTexture;
+    ]);
 
-    // 动画循环
+    // Animation Loop
     function animate() {
-        if (isGamePaused) return; // 如果暂停则跳出循环
+        if (isGamePaused) return;
         requestAnimationFrame(animate);
 
-        // WASD移动
         const speed = 0.1;
         const frontVector = new THREE.Vector3(0, 0, -1).applyQuaternion(camera.quaternion);
         const rightVector = new THREE.Vector3(1, 0, 0).applyQuaternion(camera.quaternion);
-        if (keys['w']) camera.position.add(frontVector.multiplyScalar(speed));
-        if (keys['s']) camera.position.add(frontVector.multiplyScalar(-speed));
-        if (keys['a']) camera.position.add(rightVector.multiplyScalar(-speed));
-        if (keys['d']) camera.position.add(rightVector.multiplyScalar(speed));
+        if (mode === 'desktop') {
+            if (keys['w']) camera.position.add(frontVector.multiplyScalar(speed));
+            if (keys['s']) camera.position.add(frontVector.multiplyScalar(-speed));
+            if (keys['a']) camera.position.add(rightVector.multiplyScalar(-speed));
+            if (keys['d']) camera.position.add(rightVector.multiplyScalar(speed));
+        } else if (mode === 'mobile') {
+            camera.position.add(frontVector.multiplyScalar(-joystickY * speed));
+            camera.position.add(rightVector.multiplyScalar(joystickX * speed));
+        }
 
-        // 贴合地形高度
         raycaster.ray.origin.copy(camera.position);
         raycaster.ray.origin.y += 1.6;
         const intersects = raycaster.intersectObject(terrain);
-        if (intersects.length > 0) {
-            camera.position.y = intersects[0].point.y + 1.6;
-        }
-
-        // 更新敌人（仅在游戏未暂停时）
-        if (!isGamePaused) {
-            enemies.forEach(enemy => enemy.update());
-        }
+        if (intersects.length > 0) camera.position.y = intersects[0].point.y + 1.6;
 
+        enemies.forEach(enemy => enemy.update());
         renderer.render(scene, camera);
     }
-    animate();
 
-    // 自适应窗口大小
+    // Mode Selection
+    const modeSelectModal = document.getElementById('modeSelectModal');
+    document.getElementById('desktopMode').addEventListener('click', () => {
+        mode = 'desktop';
+        modeSelectModal.style.display = 'none';
+        isGamePaused = false;
+        setupControls();
+        animate();
+    });
+    document.getElementById('mobileMode').addEventListener('click', () => {
+        mode = 'mobile';
+        modeSelectModal.style.display = 'none';
+        isGamePaused = false;
+        setupControls();
+        animate();
+    });
+
     window.addEventListener('resize', () => {
         camera.aspect = window.innerWidth / window.innerHeight;
         camera.updateProjectionMatrix();
diff --git a/src/components/AccountWorkPiece.vue b/src/components/AccountWorkPiece.vue
index 79d23aa..d4af96e 100644
--- a/src/components/AccountWorkPiece.vue
+++ b/src/components/AccountWorkPiece.vue
@@ -6,6 +6,7 @@ import store from "../store/index.js";
 import {blogImage} from "../utils/imageResource.js";
 import swal from "../utils/sweetalert.js";
 import api from "../utils/axios.js";
+import {formatGMTToLocal} from "../utils/formatTime.js";
 
 const props = defineProps({
   cover: {
@@ -67,7 +68,7 @@ function onPermission() {
     <!-- 左侧：博客封面 + 标题 -->
     <div class="piece-left">
       <!--      <img :src="cover" alt="封面" class="cover-image" />-->
-      <DefaultCover :imageSrc="blogImage(cover)" :text="title" size="60" class="cover-image"/>
+      <DefaultCover :imageSrc="blogImage(cover)" :text="title" size="60px" class="cover-image"/>
       <div class="title-text">{{ title }}</div>
     </div>
 
@@ -75,8 +76,8 @@ function onPermission() {
     <div class="piece-right">
       <!-- 上方时间信息 -->
       <div class="times">
-        <div>创建时间：{{ createdTime }}</div>
-        <div>最后修改：{{ lastModifiedTime }}</div>
+        <div>创建时间：{{ formatGMTToLocal(createdTime) }}</div>
+        <div>最后修改：{{ formatGMTToLocal(lastModifiedTime) }}</div>
       </div>
       <!-- 下方操作 -->
       <div class="actions">
diff --git a/src/components/GeneralRenderer.vue b/src/components/GeneralRenderer.vue
index 7e503f3..952ebf2 100644
--- a/src/components/GeneralRenderer.vue
+++ b/src/components/GeneralRenderer.vue
@@ -30,7 +30,7 @@ function processFormat(text) {
       .replaceAll('/lt', '<')
       .replaceAll('/gt', '>')
       .replaceAll(/(?<!<)\/(\w+)/g, '\\$1')
-      .replaceAll('m\\s', 'm/s')
+      .replaceAll('\\n', '<br>')
       ;
 }
 
@@ -75,8 +75,6 @@ onMounted(async () => {
 
 .renderer-container p {
   margin-bottom: 1rem;
-  display: flex;
-  justify-content: center;
 }
 
 .renderer-container code {
diff --git a/src/components/NavBar.vue b/src/components/NavBar.vue
index 1f4ad36..97d69bf 100644
--- a/src/components/NavBar.vue
+++ b/src/components/NavBar.vue
@@ -66,6 +66,7 @@ const navItems = [
   // {name: '实例', link: '/demos'},
   {name: '小工具', link: '/tools'},
   {name: '留言板', link: '/demos/board'},
+  {name: '文件共享', link: '/demos/file-sharing'},
   'divider',
   {name: '日志', link: '/about'}
 ]
diff --git a/src/pages/Demos_home.vue b/src/pages/Demos_home.vue
index b9d4431..4bb5f73 100644
--- a/src/pages/Demos_home.vue
+++ b/src/pages/Demos_home.vue
@@ -28,6 +28,14 @@ const demos = ref([
     author: ["Louis Zhou"],
     tags: ['游戏'],
   },
+  {
+    id: 'file-sharing',
+    name: '文件共享',
+    description: '云盘',
+    date: '2025-3-28',
+    author: ["Mike Rong"],
+    tags: ['功能'],
+  },
 ]);
 
 
diff --git a/src/pages/Home.vue b/src/pages/Home.vue
index 70dfed7..cf97481 100644
--- a/src/pages/Home.vue
+++ b/src/pages/Home.vue
@@ -4,7 +4,7 @@ import {TransitionPresets, useTransition} from '@vueuse/core';
 import api from "../utils/axios.js";
 
 const source = ref(0);
-const viewCountDisplay = ref(true);
+const viewCountDisplay = ref(false);
 const outputValue = useTransition(source, {
   duration: 3000,
   transition: TransitionPresets.easeOutExpo,
@@ -15,8 +15,7 @@ onMounted(async () => {
   const response = await api.get('/view');
   if (response.code === 0) {
     source.value = response.views;
-  } else {
-    viewCountDisplay.value = false;
+    viewCountDisplay.value = true;
   }
 
 })
@@ -28,13 +27,32 @@ onMounted(async () => {
     <el-container>
 
       <el-main>
-        <div style="font-size: 50px; font-weight: inherit; padding: 20px">欢迎来到 MVA-CYBER !</div>
+        <div class="left">
+          <div class="sun">
+            <div class="earth">
+              <div class="moon"></div>
+            </div>
+          </div>
+<!--          <div class="ball"/>-->
+        </div>
+        <div class="right">
+          <div class="logo">CYBER</div>
+          <div class="text">CODING YOUTH BOT AND ENGINEERING REVOLUTION</div>
+          <div class="link">
+            <a>ABOUT US</a>
+            <a>ABOUT THIS WEBSITE</a>
+            <a>CONTACT US</a>
+          </div>
+        </div>
+
       </el-main>
       <el-footer>
-<!--        <div class="text-bg"></div>-->
-        <el-col v-if="viewCountDisplay">
-          <el-statistic title="网站累计访问次数" :value="outputValue"/>
-        </el-col>
+        <!--        <div class="text-bg"></div>-->
+        <Transition name="fade">
+          <el-col v-if="viewCountDisplay">
+            <el-statistic title="网站累计访问次数" :value="outputValue"/>
+          </el-col>
+        </Transition>
 
       </el-footer>
     </el-container>
@@ -48,6 +66,7 @@ img {
   width: 100%;
   height: 100%;
 }
+
 .el-container {
   display: flex;
   align-items: center;
@@ -56,15 +75,86 @@ img {
   overflow: hidden;
 
 }
+
 .el-main {
   display: flex;
-  justify-content: center;
+  justify-content: space-between;
+  align-items: center;
   padding: 0;
   width: 100%;
+  height: 100%;
+  overflow: hidden;
 }
+
+.left {
+  height: 100%;
+  width: 100%;
+  flex: 1;
+  position: relative;
+  //overflow: hidden;
+  display: flex;
+  align-items: center;
+  justify-content: center;
+}
+.ball {
+  background: #00a8a8;
+  width: 25vw;
+  height: 25vw;
+  border-radius: 50%;
+  animation: pulse 5s ease infinite;
+}
+.theme-light .ball {
+  background: #ffff3c;
+}
+@keyframes pulse {
+  0% {
+    opacity: 0.7;
+    filter: blur(50px);
+  }
+  50% {
+    opacity: 0.4;
+    filter: blur(70px);
+  }
+  100% {
+    opacity: 0.7;
+    filter: blur(50px);
+  }
+}
+
+.right {
+  margin-right: 5vw;
+  display: flex;
+  flex-direction: column;
+  align-items: center;
+  padding-bottom: 18vh;
+}
+.logo {
+  font-family: 'Netron', sans-serif;
+  font-size: 10vw;
+}
+.right .text {
+  font-family: 'Netron', sans-serif;
+  font-size: 1.27vw;
+}
+.right .link {
+  display: flex;
+  gap: 1.5vw;
+  font-family: sans-serif;
+  padding-top: 5.5vh;
+  font-size: 0.9vw;
+}
+.link a {
+  color: white;
+  cursor: pointer;
+}
+.theme-light a {
+  color: #000;
+}
+
 .el-footer {
   position: relative;
 }
+
 .el-col {
 
   //position: absolute;
@@ -74,9 +164,137 @@ img {
   //align-items: center;
   //justify-content: center;
 }
+
 .el-statistic {
   display: flex;
   flex-direction: column-reverse;
   align-items: center;
 }
+
+@media (max-width: 900px) {
+  .el-main {
+    display: flex;
+    flex-direction: column;
+    justify-content: flex-start;
+    align-items: center;
+    position: relative;
+  }
+  .left {
+    position: absolute;
+    top: 50%;
+    justify-content: flex-start;
+    flex-direction: column;
+    width: 100%;
+    z-index: -1;
+  }
+  .ball {
+    width: 10rem;
+    height: 10rem;
+  }
+  .right {
+    margin: 0;
+    padding-bottom: 0;
+  }
+  .logo {
+    font-size: 5rem;
+  }
+  .right .text {
+    font-size: 0.65rem;
+  }
+  .right .link {
+    display: flex;
+    gap: 0.5rem;
+    padding-top: 1.7rem;
+    font-size: 0.5rem;
+  }
+}
+
+*{
+  /* 初始化 */
+  margin: 0;
+  padding: 0;
+}
+.left{
+  /* 自定义属性，--s为太阳的颜色，--e为地球的颜色，--m为月球的颜色，可通过var函数对其调用 */
+  --s: #f39c12;
+  --e: #3498db;
+  --m: #1abc9c;
+}
+/* 太阳 */
+.sun{
+  /* 绝对定位 */
+  position: absolute;
+  width: 100px;
+  height: 100px;
+  border-radius: 50%;
+  /* 通过var函数调用自定义属性--s，设置太阳的颜色 */
+  background-color: var(--s);
+  /* 通过设置阴影，实现发光的效果 */
+  box-shadow: 0 0 10px var(--s),
+  0 0 20px var(--s),
+  0 0 30px var(--s),
+  0 0 40px var(--s);
+  /* 执行动画：动画名 时长 线性的 无限次播放 */
+  animation: rotate 36.5s linear infinite;
+}
+/* 太阳外圈（地球轨道） */
+.sun::after{
+  content: "";
+  width: 330px;
+  height: 330px;
+  /* 绝对定位 居中 */
+  position: absolute;
+  left: 50%;
+  top: 50%;
+  transform: translate(-50%,-50%);
+  border: 1px solid gray;
+  border-radius: 50%;
+  z-index: -1;
+}
+/* 地球 */
+.earth{
+  position: absolute;
+  left: 200px;
+  width: 20px;
+  height: 20px;
+  border-radius: 50%;
+  background-color: var(--e);
+  box-shadow: 0 0 10px var(--e),
+  0 0 20px var(--e),
+  0 0 30px var(--e),
+  0 0 40px var(--e);
+  /* 执行动画：动画名 时长 线性的 无限次播放 */
+  animation: rotate 3s linear infinite;
+}
+/* 地球外圈（月球轨道） */
+.earth::after{
+  content: "";
+  width: 84px;
+  height: 84px;
+  position: absolute;
+  left: 50%;
+  top: 50%;
+  transform: translate(-50%,-50%);
+  border: 1px solid gray;
+  border-radius: 50%;
+}
+/* 月球 */
+.moon{
+  position: absolute;
+  left: 50px;
+  width: 4px;
+  height: 4px;
+  border-radius: 50%;
+  background-color: var(--m);
+  box-shadow: 0 0 5px var(--m),
+  0 0 10px var(--m),
+  0 0 20px var(--m);
+}
+
+/* 定义动画 */
+@keyframes rotate {
+  to{
+    transform: rotateZ(360deg);
+  }
+}
 </style>
\ No newline at end of file
diff --git a/src/pages/accountPages/Account_admin_uploadLog.vue b/src/pages/accountPages/Account_admin_uploadLog.vue
index f4bdddd..a40c30b 100644
--- a/src/pages/accountPages/Account_admin_uploadLog.vue
+++ b/src/pages/accountPages/Account_admin_uploadLog.vue
@@ -5,6 +5,7 @@ import MarkdownViewer from "../../components/mdRenderer.vue";
 import swal from "../../utils/sweetalert.js";
 import store from "../../store/index.js";
 import api from "../../utils/axios.js";
+import getCurrentTime from "../../utils/getCurrentTime.js";
 
 const mdInput = ref(store.state.editStore.log || '');
 const version = ref(store.state.editStore.logVersion || '');
@@ -66,20 +67,19 @@ const postLog = async () => {
     swal.tip('info', '内容为必填项');
     return;
   }
-  swal.window('info', '提交吗? ', '提交前请检查内容, 确保格式正确', '确定', '取消').then(async (result) => {
-    if (result.isConfirmed) {
-      const response = await api.post('/postweblog', {
-        version: version.value,
-        date: getFormattedTime(),
-        content: mdInput.value
-      });
-      if (response.code === 0) {
-        swal.tip('success', '提交成功');
-        return;
-      }
-      swal.tip('error', '提交失败...')
+  const result = await swal.window('info', '提交吗? ', '提交前请检查内容, 确保格式正确', '确定', '取消');
+  if (result.isConfirmed) {
+    const response = await api.post('/postweblog', {
+      version: version.value,
+      date: getCurrentTime(),
+      content: mdInput.value
+    });
+    if (response.code === 0) {
+      swal.tip('success', '提交成功');
+      return;
     }
-  })
+    swal.tip('error', '提交失败...')
+  }
 }
 
 const shiftNailed = () => {
diff --git a/src/pages/accountPages/Account_setting.vue b/src/pages/accountPages/Account_setting.vue
index 0015863..8aa628f 100644
--- a/src/pages/accountPages/Account_setting.vue
+++ b/src/pages/accountPages/Account_setting.vue
@@ -143,13 +143,13 @@ watch(autoSaveInterval, () => {
           />
 
           <!-- 改名 -->
-          <span
-              v-if="!isEditingUsername"
-              class="edit-emoji"
-              @click="editUsername"
-          >
-            🖊
-          </span>
+<!--          <span-->
+<!--              v-if="!isEditingUsername"-->
+<!--              class="edit-emoji"-->
+<!--              @click="editUsername"-->
+<!--          >-->
+<!--            🖊-->
+<!--          </span>-->
           <div v-if="isEditingUsername">
             <button
                 class="confirm-btn"
diff --git a/src/pages/blogPages/SingleBlog_page.vue b/src/pages/blogPages/SingleBlog_page.vue
index be20e36..b96e6a9 100644
--- a/src/pages/blogPages/SingleBlog_page.vue
+++ b/src/pages/blogPages/SingleBlog_page.vue
@@ -194,7 +194,7 @@ const changeSort = () => {
             </div>
             <el-divider/>
             <div class="blog-content">
-              <div style="padding: 0 56px 40px" v-html="processedContent"/>
+              <div :style="{padding: windowWidth<870 ? '0 5px 40px' : '0 56px 40px'}" v-html="processedContent"/>
               <el-divider v-if="windowWidth<1050"/>
               <Transition name="fade">
                 <div class="interact-bar" v-if="interactInfo.complete" :class="{outside: windowWidth>1050}">
@@ -257,7 +257,7 @@ const changeSort = () => {
                     :sort-mode="sortMode"
                     :blog-author-uid="blog.poster"
                 />
-                <p v-else>不允许评论</p>
+                <div v-else class="loading">不允许评论</div>
               </div>
 
 
diff --git a/src/pages/blogPages/blogEditor.vue b/src/pages/blogPages/blogEditor.vue
index 11a189a..87357c2 100644
--- a/src/pages/blogPages/blogEditor.vue
+++ b/src/pages/blogPages/blogEditor.vue
@@ -47,15 +47,15 @@
         <div class="title">{{ titleInput }}</div>
         <div class="blog-meta">
           <div class="avatar">
-            <img
-                v-if="store.getters.profileImage"
-                :src="userProfile(store.state.userInfo.profile)"
-                alt="Poster Avatar"
-            />
+            <Profile_display v-if="store.getters.profileImage" :id="userProfile(store.state.userInfo.profile)"/>
+          </div>
+          <div class="info-text">
+            <span class="username-text">{{ store.state.userInfo.username || '' }}</span>
+            <span class="date-text">最后更新: {{ getCurrentTime() }}</span>
           </div>
-          <span>{{ store.state.userInfo.username || '' }}</span>
         </div>
-        <div class="viewer" v-html="editorRef.getHtml()"></div>
+        <el-divider/>
+        <div :style="{padding: windowWidth<870 ? '0 5px 40px' : '0 56px 40px'}" class="viewer" v-html="editorRef.getHtml()"></div>
       </el-container>
     </el-container>
   </div>
@@ -73,6 +73,9 @@ import mobileTest from "../../utils/mobileTest.js";
 import {blogImage, userProfile} from "../../utils/imageResource.js";
 import store from "../../store/index.js";
 import router from "../../router/index.js";
+import getCurrentTime from "../../utils/getCurrentTime.js";
+import {formatGMTToLocal} from "../../utils/formatTime.js";
+import Profile_display from "../../components/Profile_display.vue";
 
 
 // 编辑器实例，必须用 shallowRef
@@ -82,11 +85,16 @@ const blogStatus = ref(null);
 const titleInput = ref('');
 
 const viewing = ref(false);
+const windowWidth = ref(0);
 
 // 内容 HTML
 const valueHtml = ref('');
 const imagesCache = ref([]);
 
+const checkWindowSize = () => {
+  windowWidth.value = window.innerWidth;
+};
+
 // 工具栏和编辑器配置
 const toolbarConfig = {};
 const editorConfig = {
@@ -126,12 +134,14 @@ const getImageSize = (file) => {
     const img = new Image();
     img.src = URL.createObjectURL(file);
     img.onload = () => {
-      resolve({width: img.width, height: img.height});
+      resolve({width: img.width, height: img.height})
     };
   });
 };
 
 onMounted(() => {
+  checkWindowSize();
+  window.addEventListener('resize', checkWindowSize);
   const observer = new MutationObserver(() => {
     document.querySelectorAll('[data-menu-key="editImage"]').forEach(btn => {
       btn.remove();
@@ -535,9 +545,9 @@ const disable = () => {
 
 .editor-container {
   max-width: 802px;
-  min-height: 100px;
   width: calc(100% - 5px);
   height: calc(100% - 10px);
+  min-height: 500px;
   margin-top: 5px;
   display: flex;
   word-break: break-word;
@@ -566,17 +576,26 @@ const disable = () => {
 .blog-meta {
   display: flex;
   align-items: center;
-  gap: 10px;
   width: auto;
   padding: 0 10px;
   margin-bottom: 20px;
 }
 
-.avatar, .avatar img {
-  width: 40px;
-  height: 40px;
-  border-radius: 50%;
-  overflow: hidden;
+.info-text {
+  padding-left: 20px;
+  display: flex;
+  flex-direction: column;
+}
+
+.username-text {
+  //cursor: pointer;
+  font-size: 17px;
+  font-weight: 600;
+}
+
+.date-text {
+  font-size: 13px;
+  opacity: 0.6;
 }
 
 .viewer {
@@ -585,7 +604,6 @@ const disable = () => {
   min-height: 100px;
   height: calc(100vh - 213px);
   word-break: break-word;
-  border: 1px solid rgba(93, 93, 93, 0.34);
   padding: 0 10px;
   overflow: auto;
 }
diff --git a/src/pages/blogPages/submitBlogPages/SubmitBlog_page.vue b/src/pages/blogPages/submitBlogPages/SubmitBlog_page.vue
index c513fa8..0d1e2c1 100644
--- a/src/pages/blogPages/submitBlogPages/SubmitBlog_page.vue
+++ b/src/pages/blogPages/submitBlogPages/SubmitBlog_page.vue
@@ -43,8 +43,13 @@ const nonNullKeysCount = computed(() => {
 
 const submit = async () => {
   const formData = new FormData();
-  formData.append("allow_comments", infoForm.value.allowComment);
-  formData.append("category", infoForm.value.tagSelect);
+  if (infoForm.value.allowComment !== null) {
+    formData.append("allow_comments", infoForm.value.allowComment);
+  }
+  if (infoForm.value.tagSelect !== null) {
+    formData.append("category", infoForm.value.tagSelect);
+  }
+
   formData.append("draft", 0);
 
   console.log(Object.fromEntries(formData.entries()));
diff --git a/src/pages/demoPages/fileSharing/Sharing_page.vue b/src/pages/demoPages/fileSharing/Sharing_page.vue
new file mode 100644
index 0000000..e00d3a8
--- /dev/null
+++ b/src/pages/demoPages/fileSharing/Sharing_page.vue
@@ -0,0 +1,249 @@
+<template>
+  <div class="share-page" :class="{ 'theme-light': isLightTheme }">
+    <div v-if="isLoading" class="loading">正在检测文件共享服务...</div>
+
+    <!-- 错误提示 -->
+    <transition name="fade">
+      <div v-if="!isLoading && error" class="error">{{ error }}</div>
+    </transition>
+
+    <!-- 主要内容 -->
+    <transition name="fade">
+      <div v-if="!isLoading && !error" class="content">
+        <div class="card">
+          <div class="title">文件共享</div>
+          <p class="subtitle">
+            <span v-if="isVisitor">（游客模式，使用更多功能请登录）</span>
+            <span v-else-if="!verified">（提示：可以联系管理员进行认证，认证后可使用文件共享账号）</span>
+          </p>
+          <button @click="handleButtonClick" class="share-button">进入文件共享页</button>
+        </div>
+      </div>
+    </transition>
+  </div>
+</template>
+
+<script>
+import { ref, onMounted } from 'vue';
+import store from '../../../store';
+import swal from '../../../utils/sweetalert.js';
+import api from '../../../utils/axios.js';
+
+export default {
+  computed: {
+    store() {
+      return store;
+    },
+  },
+  setup() {
+    const isLoading = ref(true);
+    const error = ref(null);
+    const ip = ref(null);
+    const verified = ref();
+    const account = ref(false);
+    const isVisitor = ref(false);
+    const isLightTheme = ref(false);
+
+    const startLoading = () => {
+      isLoading.value = true;
+    };
+
+    const stopLoading = () => {
+      isLoading.value = false;
+    };
+
+    const fetchIp = async () => {
+      try {
+        const response = await api.get('/share/ip');
+        if (response.code === 0) {
+          const response1 = await api.get('/share/ping');
+          const isIpAlive = response1.code === 0;
+          if (!isIpAlive) {
+            swal.tip('error', '暂时无法连接文件共享服务，请稍后再试');
+            throw new Error('连接失败');
+          }
+          ip.value = response.ip;
+        } else {
+          throw new Error('获取 IP 失败');
+        }
+      } catch (err) {
+        throw err;
+      }
+    };
+
+    const fetchStatus = async () => {
+      try {
+        const response = await api.get('/share/status');
+        if (response.code === 0) {
+          verified.value = response.verified;
+          account.value = response.account;
+        } else if (response.code === 1) {
+          isVisitor.value = true;
+        } else {
+          throw new Error('获取状态失败');
+        }
+      } catch (err) {
+        throw err;
+      }
+    };
+
+    const handleButtonClick = async () => {
+      if (verified.value && !account.value) {
+        store.commit('startLoading', '正在加载...');
+        try {
+          const response = await api.post('/share/signup');
+          if (response.code === 0) {
+            store.commit('stopLoading');
+            window.location.href = `http://${ip.value}:5244`;
+          } else {
+            swal.tip('error', '注册失败');
+          }
+        } catch (err) {
+          swal.tip('error', '注册失败');
+        }
+        store.commit('stopLoading');
+      } else {
+        window.location.href = `http://${ip.value}:5244`;
+      }
+    };
+
+    onMounted(async () => {
+      startLoading();
+      try {
+        await fetchIp();
+        await fetchStatus();
+      } catch (err) {
+        error.value = '加载失败，请稍后重试';
+        swal.tip('error', err);
+      } finally {
+        stopLoading();
+      }
+    });
+
+    return {
+      isLoading,
+      error,
+      verified,
+      account,
+      isVisitor,
+      isLightTheme,
+      handleButtonClick,
+    };
+  },
+};
+</script>
+
+<style scoped>
+.share-page {
+  width: 100%;
+  min-height: calc(100vh - 60px);
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  opacity: 0;
+  background: linear-gradient(45deg, var(--bg-color), var(--accent-color));
+  background-size: 400% 400%;
+  animation: gradientAnimation 15s ease infinite, bgDisplay 0.5s forwards;
+  padding: 2rem 2rem 5rem;
+  box-sizing: border-box;
+}
+
+@keyframes bgDisplay {
+  to {
+    opacity: 1;
+  }
+}
+
+@keyframes gradientAnimation {
+  0% {
+    background-position: 0 50%;
+  }
+  50% {
+    background-position: 100% 50%;
+  }
+  100% {
+    background-position: 0 50%;
+  }
+}
+
+.loading {
+  font-size: 1.5rem;
+  font-weight: bold;
+  animation: pulse 1.5s infinite;
+  padding-bottom: 3rem;
+}
+
+@keyframes pulse {
+  0% {
+    opacity: 1;
+  }
+  50% {
+    opacity: 0.5;
+  }
+  100% {
+    opacity: 1;
+  }
+}
+
+.error {
+  font-size: 1.2rem;
+  color: #ff4d4f;
+}
+
+.content {
+  text-align: center;
+}
+
+.card {
+  background: var(--card-bg);
+  color: var(--text-color);
+  padding: 2rem;
+  border-radius: 1rem;
+  box-shadow: 0 0 20px rgba(0, 0, 0, 0.1);
+  display: inline-block;
+  min-width: 300px;
+  max-width: 500px;
+}
+
+.title {
+  font-size: 1.8rem;
+  font-weight: bold;
+  margin-bottom: 1rem;
+}
+
+.subtitle {
+  font-size: 1rem;
+  margin-bottom: 1.5rem;
+  color: var(--input-text);
+}
+
+.share-button {
+  padding: 0.8rem 2rem;
+  font-size: 1.1rem;
+  font-weight: 500;
+  background: #4caf50;
+  color: white;
+  border: none;
+  border-radius: 6px;
+  cursor: pointer;
+  transition: background 0.2s ease;
+}
+
+.theme-light .share-button {
+  background: #66bb6a;
+}
+
+.share-button:hover {
+  background: #388e3c;
+}
+
+.fade-enter-active,
+.fade-leave-active {
+  transition: opacity 0.5s ease;
+}
+
+.fade-enter-from,
+.fade-leave-to {
+  opacity: 0;
+}
+</style>
diff --git a/src/pages/demoPages/messageBoard/Board_page.vue b/src/pages/demoPages/messageBoard/Board_page.vue
index 5c86970..e40e37a 100644
--- a/src/pages/demoPages/messageBoard/Board_page.vue
+++ b/src/pages/demoPages/messageBoard/Board_page.vue
@@ -9,7 +9,7 @@ import AuthService from "../../../../services/auth.js";
 import PagingController from "../../../components/PagingController.vue";
 
 const messages = ref(store.state.demosLocal.board?.messages || []);
-const amount = ref(store.state.demosLocal.board?.amount || 0);
+const amount = ref(store.state.demosLocal.board?.amount || 1);
 const currentPage = ref(store.state.demosLocal.board?.currentPage || 1);
 
 const pageLoading = ref(false);
@@ -30,22 +30,8 @@ async function refreshBoard(page, pageSize) {
       PAGE: page,
       PAGE_SIZE: pageSize
     }).then(res => {
-      res.data = res.data.map((msg)=>{
-        function stringToFloat(str) {
-          // 使用字符串的字符码生成一个基于字符串的唯一数值
-          let hash = 0;
-          for (let i = 0; i < str.length; i++) {
-            hash = (hash << 5) - hash + str.charCodeAt(i); // 位运算来生成哈希
-            hash = hash & hash; // 强制转换为32位整数
-          }
-
-          // 将哈希值映射到0~1之间
-          return Math.abs(hash) / (Math.pow(2, 32) - 1);
-        }
-        msg.likes = Math.round(stringToFloat('random'+ msg.content)*10000);
-        return msg;})
       messages.value = res.data;
-      amount.value = Math.ceil(res.amount / pageSize);
+      amount.value = Math.ceil(res.amount / pageSize) || 1;
       store.commit('setLocalDemoValue', {demo: 'board', value: {messages: messages.value}});
       store.commit('setLocalDemoValue', {demo: 'board', value: {amount: amount.value}});
     })
@@ -79,7 +65,7 @@ async function sendMessage() {
     swal.tip('info', '不得为空')
     return;
   }
-  if (userInput.value.trim().length > 500) {
+  if (userInput.value.trim().length > 400) {
     swal.tip('error', '太长了！')
     return;
   }
@@ -146,7 +132,8 @@ onMounted(async () => {
     <div class="board-body">
       <div class="message-container" :class="{loading: pageLoading}">
         <Message v-for="msg in messages" :message="msg" @refresh-board="refreshBoard"/>
-        <div v-if="messages?.length === 0">正在加载...</div>
+        <div v-if="pageLoading && messages?.length !== 0">正在加载...</div>
+        <div v-else-if="messages?.length === 0">暂无留言</div>
       </div>
       <paging-controller :current-page="currentPage" :amount="amount" :go-page-func="goPage" :loading="pageLoading"/>
     </div>
@@ -204,6 +191,7 @@ onMounted(async () => {
   display: flex;
   flex-direction: column;
   justify-content: center;
+  align-items: center;
   gap: 15px;
   transition: opacity 0.2s ease;
 }
diff --git a/src/pages/demoPages/messageBoard/Message.vue b/src/pages/demoPages/messageBoard/Message.vue
index 6aea556..1e86039 100644
--- a/src/pages/demoPages/messageBoard/Message.vue
+++ b/src/pages/demoPages/messageBoard/Message.vue
@@ -62,6 +62,7 @@ async function deleteMessage(id, message) {
 
 <style scoped>
 .message {
+  width: calc(100% - 25px);
   display: flex;
   background: #333333;
   border-radius: 15px;
diff --git a/src/pages/demoPages/podExercise/Pod_page.vue b/src/pages/demoPages/podExercise/Pod_page.vue
index be60cec..e355de4 100644
--- a/src/pages/demoPages/podExercise/Pod_page.vue
+++ b/src/pages/demoPages/podExercise/Pod_page.vue
@@ -1,28 +1,10 @@
 <script setup>
 
-import {computed, ref} from "vue";
+import {computed, ref, onMounted} from "vue";
+import api from "../../../utils/axios.js";
+import {demoResourceURL} from "../../../utils/demoResource.js";
 
-const podList = ref([
-  {
-    title: 'MCQ 1',
-    categories: 'AP phy 1',
-    file: '250227',
-    describe: '',
-    date: '2025-2-26'
-  },{
-    title: 'MCQ 2',
-    categories: 'AP phy 1',
-    file: '250306',
-    describe: '',
-    date: '2025-2-27'
-  },{
-    title: 'MCQ 3',
-    categories: 'AP phy 1',
-    file: '250313',
-    describe: '',
-    date: '2025-3-6'
-  }
-])
+const podList = ref([])
 
 const uniqueCats = computed(() => {
   const keys = new Set();
@@ -31,22 +13,27 @@ const uniqueCats = computed(() => {
   });
   return Array.from(keys);
 });
+
+onMounted(async () => {
+  const response = await api.get(demoResourceURL('pod', "index.json"));
+  podList.value = response;
+})
 </script>
 
 <template>
-  <div class="container" v-if="/^\/demos\/pod\/?$/.test($route.path)">
+  <div class="container" v-if="/^\/demos\/pod\/?$/.test($route.path)" v-loading="podList.length === 0" element-loading-background="rgba(0, 0, 0, 0.5)">
     <h1>无限制做题大赛</h1>
-    <div class="pod-container" v-for="cat in uniqueCats">
-      <div class="folder">
-        <div class="folder-title">{{ cat }}</div>
-        <div class="pods-display">
-          <router-link class="pods" v-for="pod in podList" :to="`/demos/pod/quiz?cat=${pod.categories.toLowerCase().replaceAll(' ', '')}&id=${pod.file}`">
-            <div class="title">{{ pod.title }}</div>
-            <div class="date">{{ pod.date }}</div>
-          </router-link>
+      <div class="pod-container" v-for="cat in uniqueCats">
+        <div class="folder">
+          <div class="folder-title">{{ cat }}</div>
+          <div class="pods-display">
+            <router-link class="pods" v-for="pod in podList" :to="`/demos/pod/quiz?cat=${pod.categories.toLowerCase().replaceAll(' ', '')}&id=${pod.file}`">
+              <div class="title">{{ pod.title }}</div>
+              <div class="date">{{ pod.date }}</div>
+            </router-link>
+          </div>
         </div>
       </div>
-    </div>
   </div>
   <router-view v-else />
 </template>
diff --git a/src/pages/demoPages/podExercise/Quiz.vue b/src/pages/demoPages/podExercise/Quiz.vue
index fee7244..fba2f00 100644
--- a/src/pages/demoPages/podExercise/Quiz.vue
+++ b/src/pages/demoPages/podExercise/Quiz.vue
@@ -23,9 +23,12 @@
         </div>
       </div>
 
-      <!-- 提交按钮或下一题按钮 -->
+      <!-- 提交或下一题按钮 -->
       <button v-if="!submitted" @click="submitAnswer" class="submit-btn">提交答案</button>
       <button v-else @click="nextQuestion" class="next-btn">下一题</button>
+      <span>　</span>
+        <button v-if="!isLocked" @click="lockQuestion" class="lock-btn">锁定当前题目</button>
+        <button v-else @click="unlockQuestion" class="unlock-btn">解锁题目</button>
 
       <!-- 答题结果和解析 -->
       <div v-if="submitted" class="result">
@@ -47,7 +50,7 @@
             <h4>-- 题目 {{ index + 1 }} --</h4>
             <QuestionText :text="similar.text" :medias="data.medias"/>
             <p>正确答案：
-              <general-renderer :content-input="processMedia(similar.correctAnswer, data.medias)"></general-renderer>
+              <general-renderer :content-input="processMedia(similar.answers, data.medias)"></general-renderer>
             </p>
             <div v-if="similar.explanation" class="explanation">
               <h4>解题思路</h4>
@@ -86,6 +89,9 @@ import {demoResourceURL} from "../../../utils/demoResource.js";
 
 const route = useRoute()
 
+const isLocked = ref(false); // 是否处于锁定模式
+const lockedSimilarQuestions = ref([]); // 锁定时的相似题目列表
+
 // 响应式数据存储 JSON
 const data = reactive({
   itemtypes: [],
@@ -268,17 +274,18 @@ function generateNewExam() {
 function findSimilarQuestions() {
   const currentText = currentQuestion.value.text;
   const similar = [];
-  for (let i = 1; i < data.itemtypes.length; i++) {
+  for (let i = 1; i < data.texts.length; i++) {
     if (
-        calculateStringSimilarity(data.texts[i], currentText) > 50 && // 相似度
-        data.texts[i] !== currentQuestion.value.text// 不是当前题目
-        // similar.length < 2 // 最多选 2 道
+        calculateStringSimilarity(data.texts[i], currentText) > 50 &&
+        data.texts[i] !== currentText // 排除当前题目
     ) {
       const correctIdx = data.answerkeys[i].findIndex((key, idx) => idx > 0 && key === 1) - 1;
       similar.push({
         text: data.texts[i],
-        correctAnswer: data.answers[i][correctIdx + 1],
-        explanation: data.explanations[i]
+        answers: data.answers[i],
+        answerkeys: data.answerkeys[i],
+        explanation: data.explanations[i],
+        type: data.itemtypes[i]
       });
     }
   }
@@ -286,12 +293,44 @@ function findSimilarQuestions() {
 }
 
 function selectCurrentQuestion() {
-  if (questionCount.value <= totalQuestions.value) {
-    currentQuestion.value = examQuestions.value[questionCount.value - 1];
-    userAnswer.value = null;
-    submitted.value = false;
-    similarQuestions.value = [];
+  if (isLocked.value) {
+    // 锁定模式：从相似题目中随机选择
+    if (lockedSimilarQuestions.value.length > 0) {
+      const randomIndex = Math.floor(Math.random() * lockedSimilarQuestions.value.length);
+      currentQuestion.value = lockedSimilarQuestions.value[randomIndex];
+    } else {
+      swal.tip('info', '没有相似的题目可供选择，已自动解锁。');
+      isLocked.value = false;
+      selectCurrentQuestion(); // 递归调用以恢复正常模式
+    }
+  } else {
+    // 正常模式：从试卷题目列表中选择
+    if (questionCount.value <= totalQuestions.value) {
+      currentQuestion.value = examQuestions.value[questionCount.value - 1];
+    }
   }
+  userAnswer.value = null;
+  submitted.value = false;
+  similarQuestions.value = [];
+}
+function lockQuestion() {
+  if (currentQuestion.value) {
+    findSimilarQuestions(); // 获取相似题目
+    if (similarQuestions.value.length > 0) {
+      lockedSimilarQuestions.value = similarQuestions.value;
+      isLocked.value = true;
+      swal.tip('success', '题目已锁定，将显示相似题目。');
+    } else {
+      swal.tip('info', '没有找到相似题目，无法锁定。');
+    }
+  }
+}
+
+function unlockQuestion() {
+  isLocked.value = false;
+  lockedSimilarQuestions.value = [];
+  swal.tip('success', '已解锁，现在将显示正常题目。');
+  selectCurrentQuestion(); // 恢复正常题目
 }
 
 // 提交答案
@@ -322,12 +361,27 @@ function submitAnswer() {
 
 // 下一题
 function nextQuestion() {
-  if (questionCount.value < totalQuestions.value) {
-    questionCount.value++;
-    selectCurrentQuestion();
+  if (isLocked.value) {
+    // 锁定模式：从相似题目中随机选择
+    if (lockedSimilarQuestions.value.length > 0) {
+      const randomIndex = Math.floor(Math.random() * lockedSimilarQuestions.value.length);
+      currentQuestion.value = lockedSimilarQuestions.value[randomIndex];
+      userAnswer.value = null;
+      submitted.value = false;
+      similarQuestions.value = [];
+    } else {
+      swal.tip('info', '没有更多相似的题目，已解锁。');
+      unlockQuestion();
+    }
   } else {
-    swal.tip('success', '所有题目已完成！将生成新试卷。')
-    generateNewExam(); // 完成当前试卷后生成新试卷
+    // 正常模式：继续下一题或生成新试卷
+    if (questionCount.value < totalQuestions.value) {
+      questionCount.value++;
+      selectCurrentQuestion();
+    } else {
+      swal.tip('success', '所有题目已完成！将生成新试卷。');
+      generateNewExam();
+    }
   }
 }
 </script>
@@ -462,4 +516,23 @@ function nextQuestion() {
 .similar-question h4 {
   margin-bottom: 10px;
 }
+
+.lock-controls {
+  margin-top: 20px;
+}
+
+.lock-btn,
+.unlock-btn {
+  padding: 10px 20px;
+  background-color: #28a745;
+  color: white;
+  border: none;
+  border-radius: 5px;
+  cursor: pointer;
+}
+
+.lock-btn:hover,
+.unlock-btn:hover {
+  background-color: #218838;
+}
 </style>
\ No newline at end of file
diff --git a/src/pages/toolPages/RequestTester/requestTester_page.vue b/src/pages/toolPages/RequestTester/requestTester_page.vue
index d58c44f..1b03976 100644
--- a/src/pages/toolPages/RequestTester/requestTester_page.vue
+++ b/src/pages/toolPages/RequestTester/requestTester_page.vue
@@ -49,26 +49,19 @@
       <div class="form-group" v-if="method !== 'GET' && method !== 'DELETE' && bodyType === 'formdata'">
         <label>请求体 (FormData)</label>
         <div v-for="(item, index) in formDataItems" :key="index" class="formdata-item">
-          <!-- 键名 -->
           <input v-model="item.key" placeholder="键名" />
-
-          <!-- 类型选择 -->
           <select v-model="item.type" @change="resetValue(item)">
             <option value="pair">普通键值对</option>
             <option value="array">数组</option>
           </select>
-
-          <!-- 普通键值对输入 -->
           <div v-if="item.type === 'pair'">
             <input v-if="!item.isFile" v-model="item.value" placeholder="值" />
             <input v-else type="file" @change="handleFileChange(item, $event)" />
-            <div style="margin: 10px 0"/>
+            <div style="margin: 10px 0" />
             <button @click="item.isFile = !item.isFile">
               {{ item.isFile ? '切换为文本' : '切换为文件' }}
             </button>
           </div>
-
-          <!-- 数组输入 -->
           <div v-if="item.type === 'array'">
             <div v-for="(val, valIndex) in item.value" :key="valIndex" class="array-item">
               <input v-if="!val.isFile" v-model="val.content" placeholder="数组值" />
@@ -80,8 +73,6 @@
             </div>
             <button @click="addArrayItem(item)">添加数组项</button>
           </div>
-
-          <!-- 删除键值对 -->
           <button @click="removeFormDataItem(index)">删除键值对</button>
         </div>
         <button @click="addFormDataItem">添加键值对</button>
@@ -114,21 +105,29 @@
     <!-- 右侧储存栏 -->
     <div class="storage-area">
       <h3>储存栏</h3>
+      <div class="preset-actions">
+        <input v-model="importPresetString" placeholder="粘贴Base64预设字符串以导入" />
+        <button @click="importPreset" style="width: 100px">导入预设</button>
+      </div>
       <div v-if="!requestTesterPresets || Object.keys(requestTesterPresets).length === 0">暂无预设</div>
       <div v-else v-for="(preset, name) in requestTesterPresets" :key="name" class="preset-item">
         <span @click="loadPreset(name)" class="preset-name">{{ name }}</span>
-        <button @click="deletePreset(name)">删除</button>
+        <div class="preset-buttons">
+          <button @click="exportPreset(name)">导出</button>
+          <button @click="renamePreset(name)">重命名</button>
+          <button @click="deletePreset(name)">删除</button>
+        </div>
       </div>
     </div>
   </div>
 </template>
 
 <script>
-import { ref, computed } from 'vue';
-import { useStore } from 'vuex';
+import {ref, computed} from 'vue';
+import {useStore} from 'vuex';
 import axios from 'axios';
 import Swal from 'sweetalert2';
-import swal from "../../../utils/sweetalert.js";
+import swal from '../../../utils/sweetalert.js';
 
 export default {
   name: 'RequestTester',
@@ -138,46 +137,43 @@ export default {
     // 数据定义
     const url = ref('');
     const method = ref('GET');
-    const headers = ref([{ key: '', value: '' }]);
-    const bodyType = ref('json'); // 请求体类型：json 或 formdata
-    const body = ref(''); // JSON 文本
-    const formDataItems = ref([]); // FormData 键值对
-    const params = ref([{ key: '', value: '' }]);
+    const headers = ref([{key: '', value: ''}]);
+    const bodyType = ref('json');
+    const body = ref('');
+    const formDataItems = ref([]);
+    const params = ref([{key: '', value: ''}]);
     const response = ref(null);
+    const importPresetString = ref('');
 
-    // 从 Vuex 获取 requestTester 的预设
+    // Vuex 预设数据
     const requestTesterPresets = computed(() => store.state.demosLocal.requestTester || {});
 
     // 请求头操作
-    const addHeader = () => headers.value.push({ key: '', value: '' });
+    const addHeader = () => headers.value.push({key: '', value: ''});
     const removeHeader = (index) => headers.value.splice(index, 1);
 
     // 查询参数操作
-    const addParam = () => params.value.push({ key: '', value: '' });
+    const addParam = () => params.value.push({key: '', value: ''});
     const removeParam = (index) => params.value.splice(index, 1);
 
-    // FormData 键值对操作
+    // FormData 操作
     const addFormDataItem = () => {
-      formDataItems.value.push({ key: '', type: 'pair', value: '', isFile: false });
-    };
-    const removeFormDataItem = (index) => {
-      formDataItems.value.splice(index, 1);
+      formDataItems.value.push({key: '', type: 'pair', value: '', isFile: false});
     };
+    const removeFormDataItem = (index) => formDataItems.value.splice(index, 1);
     const resetValue = (item) => {
       if (item.type === 'pair') {
         item.value = '';
         item.isFile = false;
       } else if (item.type === 'array') {
-        item.value = [{ content: '', isFile: false }];
+        item.value = [{content: '', isFile: false}];
       }
     };
     const addArrayItem = (item) => {
       if (!item.value) item.value = [];
-      item.value.push({ content: '', isFile: false });
-    };
-    const removeArrayItem = (item, index) => {
-      item.value.splice(index, 1);
+      item.value.push({content: '', isFile: false});
     };
+    const removeArrayItem = (item, index) => item.value.splice(index, 1);
     const handleFileChange = (item, event) => {
       item.value = event.target.files[0];
     };
@@ -187,16 +183,13 @@ export default {
 
     // 发送请求
     const sendRequest = async () => {
-      response.value = '等待响应...'; // 发送请求前显示“等待响应”
-
+      response.value = '等待响应...';
       try {
         let finalUrl = url.value;
         const headersObj = headers.value.reduce((acc, h) => {
           if (h.key && h.value) acc[h.key] = h.value;
           return acc;
         }, {});
-
-        // 处理查询参数
         const queryParams = params.value
             .filter((p) => p.key && p.value)
             .reduce((acc, p) => {
@@ -211,7 +204,6 @@ export default {
           params: queryParams,
         };
 
-        // 处理请求体
         if (method.value !== 'GET' && method.value !== 'DELETE') {
           if (bodyType.value === 'json') {
             axiosConfig.data = body.value ? JSON.parse(body.value) : {};
@@ -226,9 +218,7 @@ export default {
                   formData.append(item.key, item.value);
                 } else if (item.type === 'array' && item.value.length) {
                   item.value.forEach((val) => {
-                    if (val.content) {
-                      formData.append(item.key + '[]', val.content);
-                    }
+                    if (val.content) formData.append(item.key + '[]', val.content);
                   });
                 }
               }
@@ -259,7 +249,7 @@ export default {
 
       if (!result.isConfirmed) return;
 
-      const presetName = result.value;
+      let presetName = result.value;
       const preset = {
         url: url.value,
         method: method.value,
@@ -269,15 +259,58 @@ export default {
         formDataItems: formDataItems.value.map((item) => ({
           key: item.key,
           type: item.type,
-          value: item.type === 'pair' ? (item.isFile ? 'File' : item.value) : item.value.map((v) => (v.isFile ? 'File' : v.content)),
-        })), // 仅保存文件名或文本
+          value: item.type === 'pair'
+              ? (item.isFile ? '[[FILE]]' : item.value)
+              : item.value.map((v) => (v.isFile ? '[[FILE]]' : v.content)),
+          isFile: item.type === 'pair' ? item.isFile : undefined,
+        })),
         params: [...params.value],
       };
 
+      // 检查是否已有同名预设
+      if (requestTesterPresets.value[presetName]) {
+        const overwriteResult = await Swal.fire({
+          title: '预设名称已存在',
+          text: `预设 "${presetName}" 已存在，您想覆盖它还是保存为新名称？`,
+          showCancelButton: true,
+          showDenyButton: true,
+          confirmButtonText: '覆盖',
+          denyButtonText: '保存为新名称',
+          cancelButtonText: '取消',
+        });
+
+        if (overwriteResult.isDismissed) return; // 用户取消
+
+        if (overwriteResult.isDenied) {
+          // 保存为新名称
+          const newNameResult = await Swal.fire({
+            title: '请输入新预设名称',
+            input: 'text',
+            inputValue: presetName,
+            inputLabel: '新预设名称',
+            inputPlaceholder: '请输入新的预设名称...',
+            showCancelButton: true,
+            cancelButtonText: '取消',
+            confirmButtonText: '确定',
+            inputValidator: (value) => {
+              if (!value) return '预设名称不能为空！';
+              if (value !== presetName && requestTesterPresets.value[value]) {
+                return '此名称已被使用，请选择其他名称！';
+              }
+            },
+          });
+
+          if (!newNameResult.isConfirmed) return;
+          presetName = newNameResult.value;
+        }
+        // 如果选择覆盖，则直接继续保存，不修改 presetName
+      }
+
       store.commit('setLocalDemoValue', {
         demo: 'requestTester',
-        value: { [presetName]: preset },
+        value: {[presetName]: preset},
       });
+      swal.tip('success', '预设已保存');
     };
 
     // 加载预设
@@ -292,24 +325,158 @@ export default {
         formDataItems.value = preset.formDataItems.map((item) => ({
           key: item.key,
           type: item.type,
-          value: item.type === 'pair' ? '' : [], // 加载时重置文件和数组内容
-          isFile: item.type === 'pair' && item.value === 'File',
+          value: item.type === 'pair'
+              ? (item.value === '[[FILE]]' ? '' : item.value)
+              : item.value.map((v) => ({content: v === '[[FILE]]' ? '' : v, isFile: v === '[[FILE]]'})),
+          isFile: item.type === 'pair' ? item.isFile || item.value === '[[FILE]]' : undefined,
         }));
         params.value = [...preset.params];
         response.value = null;
+        if (preset.formDataItems.some((item) =>
+            (item.type === 'pair' && item.value === '[[FILE]]') ||
+            (item.type === 'array' && item.value.includes('[[FILE]]'))
+        )) {
+          swal.tip('info', '此预设包含文件，请重新选择文件');
+        }
       }
     };
 
     // 删除预设
     const deletePreset = (name) => {
-      swal.window('info', '确定删除?', `删除预设"${name}"`, '确定', '取消').then(result => {
+      swal.window('info', '确定删除?', `删除预设"${name}"`, '确定', '取消').then((result) => {
         if (result.isConfirmed) {
           store.commit('deleteLocalDemoValue', {
             demo: 'requestTester',
             value: name,
           });
+          swal.tip('success', '预设已删除');
         }
-      })
+      });
+    };
+
+    // 导出预设
+    const exportPreset = (name) => {
+      const preset = requestTesterPresets.value[name];
+      if (preset) {
+        const exportData = { [name]: preset };
+        const jsonString = JSON.stringify(exportData);
+        const base64String = btoa(unescape(encodeURIComponent(jsonString)));
+        navigator.clipboard.writeText(base64String).then(() => {
+          Swal.fire({
+            title: '导出成功',
+            html: `<div style="max-height: 300px; overflow: auto; background: #f5f5f5; padding: 10px; border-radius: 4px;">${base64String}</div>`,
+            confirmButtonText: '关闭',
+          }).then(() => {
+            swal.tip('success', '预设已复制到剪切板');
+          });
+        }).catch(() => {
+          Swal.fire({
+            title: '导出成功（复制失败）',
+            html: `<div style="max-height: 300px; overflow: auto; background: #f5f5f5; padding: 10px; border-radius: 4px;">${base64String}</div>`,
+            confirmButtonText: '关闭',
+          });
+        });
+      }
+    };
+
+    // 导入预设
+    const importPreset = async () => {
+      try {
+        const decodedString = decodeURIComponent(escape(atob(importPresetString.value)));
+        const importedData = JSON.parse(decodedString);
+        const presetName = Object.keys(importedData)[0];
+        if (!presetName) throw new Error('无效的预设格式');
+
+        // 检查是否已有同名预设
+        if (requestTesterPresets.value[presetName]) {
+          const overwriteResult = await Swal.fire({
+            title: '预设名称已存在',
+            text: `预设 "${presetName}" 已存在，您想覆盖它还是导入为新名称？`,
+            showCancelButton: true,
+            showDenyButton: true,
+            confirmButtonText: '覆盖',
+            denyButtonText: '导入为新名称',
+            cancelButtonText: '取消',
+          });
+
+          if (overwriteResult.isDismissed) return; // 用户取消
+
+          if (overwriteResult.isDenied) {
+            // 导入为新名称
+            const newNameResult = await Swal.fire({
+              title: '请输入新预设名称',
+              input: 'text',
+              inputValue: presetName,
+              inputLabel: '新预设名称',
+              inputPlaceholder: '请输入新的预设名称...',
+              showCancelButton: true,
+              cancelButtonText: '取消',
+              confirmButtonText: '确定',
+              inputValidator: (value) => {
+                if (!value) return '预设名称不能为空！';
+                if (value !== presetName && requestTesterPresets.value[value]) {
+                  return '此名称已被使用，请选择其他名称！';
+                }
+              },
+            });
+
+            if (!newNameResult.isConfirmed) return;
+            const newPresetName = newNameResult.value;
+            const newImportedData = { [newPresetName]: importedData[presetName] };
+            store.commit('setLocalDemoValue', {
+              demo: 'requestTester',
+              value: newImportedData,
+            });
+          } else if (overwriteResult.isConfirmed) {
+            // 覆盖现有预设
+            store.commit('setLocalDemoValue', {
+              demo: 'requestTester',
+              value: importedData,
+            });
+          }
+        } else {
+          // 无重名，直接导入
+          store.commit('setLocalDemoValue', {
+            demo: 'requestTester',
+            value: importedData,
+          });
+        }
+
+        importPresetString.value = '';
+        swal.tip('success', '预设已导入');
+      } catch (error) {
+        swal.tip('error', '导入失败，请检查Base64预设字符串格式');
+      }
+    };
+
+    // 重命名预设
+    const renamePreset = async (oldName) => {
+      const result = await Swal.fire({
+        title: '重命名预设',
+        input: 'text',
+        inputLabel: '新预设名称',
+        inputValue: oldName,
+        showCancelButton: true,
+        cancelButtonText: '取消',
+        confirmButtonText: '确定',
+        inputValidator: (value) => !value && '预设名称不能为空！',
+      });
+
+      if (!result.isConfirmed) return;
+
+      const newName = result.value;
+      if (newName === oldName) return;
+
+      const preset = requestTesterPresets.value[oldName];
+      store.commit('setLocalDemoValue', {
+        demo: 'requestTester',
+        value: {[newName]: preset},
+      });
+      store.commit('deleteLocalDemoValue', {
+        demo: 'requestTester',
+        value: oldName,
+      });
+      swal.tip('success', '预设已重命名');
     };
 
     return {
@@ -322,6 +489,7 @@ export default {
       params,
       response,
       requestTesterPresets,
+      importPresetString,
       addHeader,
       removeHeader,
       addParam,
@@ -337,13 +505,15 @@ export default {
       savePreset,
       loadPreset,
       deletePreset,
+      exportPreset,
+      importPreset,
+      renamePreset,
     };
   },
 };
 </script>
 
 <style scoped>
-/* 默认深色模式 */
 :root {
   --bg-color: #2c2c2c;
   --text-color: #ffffff;
@@ -353,7 +523,6 @@ export default {
   --button-hover: #357abd;
 }
 
-/* 浅色模式 */
 .theme-light {
   --bg-color: #ffffff;
   --text-color: #333333;
@@ -365,7 +534,6 @@ export default {
 
 .request-tester {
   display: flex;
-
   max-width: 1200px;
   width: 100%;
   height: calc(100vh - 60px);
@@ -401,7 +569,7 @@ textarea {
   width: 100%;
   padding: 8px;
   background-color: var(--input-bg);
-  border: 1px solid var(--border-color);
+  border: 1px solid gray;
   color: var(--text-color);
   border-radius: 4px;
 }
@@ -449,6 +617,7 @@ button {
   border-radius: 4px;
   cursor: pointer;
 }
+
 .theme-light button {
   color: black;
 }
@@ -491,4 +660,15 @@ button:hover {
 .preset-name:hover {
   text-decoration: underline;
 }
+
+.preset-actions {
+  margin-bottom: 15px;
+  display: flex;
+  gap: 10px;
+}
+
+.preset-buttons {
+  display: flex;
+  gap: 5px;
+}
 </style>
\ No newline at end of file
diff --git a/src/router/index.js b/src/router/index.js
index 99bc434..ae9f0d1 100644
--- a/src/router/index.js
+++ b/src/router/index.js
@@ -1,159 +1,153 @@
-import {createRouter, createWebHistory} from 'vue-router';
+import { createRouter, createWebHistory } from 'vue-router';
 import store from '../store';
 import AuthService from "../../services/auth.js";
-import Home from '../pages/Home.vue';
-import Login from "../pages/Login.vue";
-import Blog_home from "../pages/Blog_home.vue";
-
-import Account from "../pages/accountPages/Account.vue";
-import Account_selfpage from "../pages/accountPages/Account_selfpage.vue";
-import Account_worksmanage from "../pages/accountPages/Account_worksmanage.vue";
-import Account_setting from "../pages/accountPages/Account_setting.vue";
-import Account_draft from "../pages/accountPages/Account_draft.vue";
-import Account_userInfo from "../pages/accountPages/Account_userInfo.vue";
-import Account_admin_uploadLog from "../pages/accountPages/Account_admin_uploadLog.vue";
-import Account_admin_userManage from "../pages/accountPages/Account_admin_userManage.vue";
-
-import Projects from "../pages/Projects_home.vue";
-
-import Demos_home from "../pages/Demos_home.vue";
-import Board_page from "../pages/demoPages/messageBoard/Board_page.vue";
-import Pod_page from "../pages/demoPages/podExercise/Pod_page.vue";
-import Pod_quiz from "../pages/demoPages/podExercise/Quiz.vue";
-
-import Tools_home from "../pages/Tools_home.vue";
-import GpaCalculator_page from "../pages/toolPages/gpaCalculator/gpaCalculator_page.vue";
-import PdfEx_page from "../pages/toolPages/pdfExtractor/pdfEx_page.vue";
-import RequestTester_page from "../pages/toolPages/RequestTester/requestTester_page.vue";
-
-import About from "../pages/About.vue";
-import Editor from "../pages/blogPages/blogEditor.vue";
-import NotFound from "../pages/errorPages/notFound.vue";
-
-import Test_page from "../pages/Test_page.vue";
-import SingleBlog_page from "../pages/blogPages/SingleBlog_page.vue";
-import SubmitBlog_page from "../pages/blogPages/submitBlogPages/SubmitBlog_page.vue";
 import swal from "../utils/sweetalert.js";
-import GunGame_page from "../pages/demoPages/gunGame/gunGame_page.vue";
 import api from "../utils/axios.js";
-import EmailVerify from "../pages/EmailVerify.vue";
+
+// 直接引入组件
+import NotFound from '../pages/errorPages/notFound.vue';
+import Home from '../pages/Home.vue';
+import Login from '../pages/Login.vue';
+import EmailVerify from '../pages/EmailVerify.vue';
+import BlogHome from '../pages/Blog_home.vue';
+import SingleBlog from '../pages/blogPages/SingleBlog_page.vue';
+import SubmitBlog from '../pages/blogPages/submitBlogPages/SubmitBlog_page.vue';
+import ProjectsHome from '../pages/Projects_home.vue';
+import DemosHome from '../pages/Demos_home.vue';
+import About from '../pages/About.vue';
+import Account from '../pages/accountPages/Account.vue';
+import AccountSelfPage from '../pages/accountPages/Account_selfpage.vue';
+import AccountWorksManage from '../pages/accountPages/Account_worksmanage.vue';
+import AccountDraft from '../pages/accountPages/Account_draft.vue';
+import AccountSetting from '../pages/accountPages/Account_setting.vue';
+import AccountUserInfo from '../pages/accountPages/Account_userInfo.vue';
+import AccountAdminUploadLog from '../pages/accountPages/Account_admin_uploadLog.vue';
+import AccountAdminUserManage from '../pages/accountPages/Account_admin_userManage.vue';
+import BlogEditor from '../pages/blogPages/blogEditor.vue';
+import TestPage from '../pages/Test_page.vue';
 
 const routes = [
     {
         path: '/404',
         name: '404',
         component: NotFound,
-        meta: {title: '404'}
+        meta: { title: '404' }
     }, {
         path: '/',
         name: 'Home',
         component: Home,
-        meta: {title: '首页'}
+        meta: { title: '首页' }
     }, {
         path: '/login',
         name: 'Login',
         component: Login,
-        meta: {title: '登录'}
+        meta: { title: '登录' }
     }, {
         path: '/verify',
         name: 'EmailVerify',
         component: EmailVerify,
-        meta: {title: '注册成功'}
+        meta: { title: '注册成功' }
     }, {
         path: '/blog',
         name: 'Blog',
-        component: Blog_home,
-        meta: {title: '博客'}
+        component: BlogHome,
+        meta: { title: '博客' }
     }, {
         path: '/blog/:id',
         name: 'Blogs',
-        component: SingleBlog_page,
-        meta: {title: '博客'}
+        component: SingleBlog,
+        meta: { title: '博客' }
     }, {
         path: '/blog/submit',
         name: 'SubmitBlog',
-        component: SubmitBlog_page,
-        meta: {title: '发布博客'}
-    },{
+        component: SubmitBlog,
+        meta: { title: '发布博客' }
+    }, {
         path: '/projects',
         name: 'Projects',
-        component: Projects,
-        meta: {title: '项目'}
+        component: ProjectsHome,
+        meta: { title: '项目' }
     }, {
         path: '/demos',
         name: 'Demos',
-        component: Demos_home,
-        meta: {title: '实例'},
+        component: DemosHome,
+        meta: { title: '实例' },
         children: [
             {
                 path: "board",
-                component: Board_page,
-                meta: {title: '留言板'},
+                component: () => import('../pages/demoPages/messageBoard/Board_page.vue'),
+                meta: { title: '留言板' },
             },
             {
                 path: "pod",
-                component: Pod_page,
-                meta: {title: '做题'},
+                component: () => import('../pages/demoPages/podExercise/Pod_page.vue'),
+                meta: { title: '做题' },
                 children: [
-                    {path: "quiz", component: Pod_quiz}
+                    { path: "quiz", component: () => import('../pages/demoPages/podExercise/Quiz.vue') }
                 ]
             },
             {
                 path: "gungame3d",
-                component: GunGame_page,
-                meta: {title: '打枪   '},
+                component: () => import('../pages/demoPages/gunGame/gunGame_page.vue'),
+                meta: { title: '打枪' },
+            },
+            {
+                path: "file-sharing",
+                component: () => import('../pages/demoPages/fileSharing/Sharing_page.vue'),
+                meta: { title: '文件共享' },
             },
         ]
     }, {
         path: '/tools',
         name: 'Tools',
-        component: Tools_home,
-        meta: {title: '小工具'},
+        component: () => import('../pages/Tools_home.vue'),
+        meta: { title: '小工具' },
         children: [
-            {path: "1", component: GpaCalculator_page},
-            {path: "gpa", component: GpaCalculator_page},
-            {path: "2", component: PdfEx_page},
-            {path: "pdf-extractor", component: PdfEx_page},
-            {path: "3", component: RequestTester_page},
-            {path: "request-tester", component: RequestTester_page},
+            { path: "1", component: () => import('../pages/toolPages/gpaCalculator/gpaCalculator_page.vue') },
+            { path: "gpa", component: () => import('../pages/toolPages/gpaCalculator/gpaCalculator_page.vue') },
+            { path: "2", component: () => import('../pages/toolPages/pdfExtractor/pdfEx_page.vue') },
+            { path: "pdf-extractor", component: () => import('../pages/toolPages/pdfExtractor/pdfEx_page.vue') },
+            { path: "3", component: () => import('../pages/toolPages/RequestTester/requestTester_page.vue') },
+            { path: "request-tester", component: () => import('../pages/toolPages/RequestTester/requestTester_page.vue') },
         ]
     }, {
         path: '/about',
         name: 'About',
         component: About,
-        meta: {title: '关于'},
+        meta: { title: '关于' },
     }, {
         path: '/account',
         component: Account,
-        meta: {title: '账户'},
+        meta: { title: '账户' },
         children: [
-            {path: 'self-page', component: Account_selfpage},
-            {path: 'works-manage', component: Account_worksmanage},
-            {path: 'draft', component: Account_draft},
-            {path: 'setting', component: Account_setting},
-            {path: '', component: Account_userInfo},
-            {path: 'upload-log', component: Account_admin_uploadLog},
-            {path: 'user-management', component: Account_admin_userManage}
+            { path: 'self-page', component: AccountSelfPage },
+            { path: 'works-manage', component: AccountWorksManage },
+            { path: 'draft', component: AccountDraft },
+            { path: 'setting', component: AccountSetting },
+            { path: '', component: AccountUserInfo },
+            { path: 'upload-log', component: AccountAdminUploadLog },
+            { path: 'user-management', component: AccountAdminUserManage }
         ]
     }, {
         path: '/editor',
         name: 'Editor',
-        component: Editor,
-        meta: {title: '编辑器'},
-    },{
+        component: BlogEditor,
+        meta: { title: '编辑器' },
+    }, {
         path: '/test_page',
         name: 'Test',
-        component: Test_page,
-        meta: {title: '测试页'},
+        component: TestPage,
+        meta: { title: '测试页' },
     },
 ];
 
+// 其余代码保持不变
 const router = createRouter({
     history: createWebHistory(),
     routes
 });
 
-let previousRoute = null
+let previousRoute = null;
 router.beforeEach(async (to, from, next) => {
     previousRoute = from;
 
@@ -162,11 +156,6 @@ router.beforeEach(async (to, from, next) => {
         store.state.isViewCounted = true;
     }
 
-
-    if (/^\/demos\/?$/.test(to.path)) {
-        next('/404');
-    }
-
     if (!store.state.userInfo.uid && store.state.token) {
         AuthService.setSelfInfo();
     }
@@ -198,13 +187,14 @@ router.beforeEach(async (to, from, next) => {
 
     const title = to.meta?.title;
     if (title) {
-        document.title = title + ' CYBER'; // 设置页面标题
+        document.title = title + ' CYBER';
     }
 
     next();
 });
+
 export function getPreviousRoute() {
-    return previousRoute
+    return previousRoute;
 }
 
 export default router;
\ No newline at end of file