diff --git a/goldminer/backend/__pycache__/app.cpython-312.pyc b/goldminer/backend/__pycache__/app.cpython-312.pyc
index c097bb52..aab2687e 100644
Binary files a/goldminer/backend/__pycache__/app.cpython-312.pyc and b/goldminer/backend/__pycache__/app.cpython-312.pyc differ
diff --git a/goldminer/backend/app.py b/goldminer/backend/app.py
index d526fdcb..b5f8faef 100644
--- a/goldminer/backend/app.py
+++ b/goldminer/backend/app.py
@@ -6,11 +6,24 @@ from flask_socketio import SocketIO, emit, join_room, leave_room
 import os
 import uuid
 from datetime import datetime
+from sqlalchemy.exc import OperationalError
+import logging
+
+logging.basicConfig(level=logging.INFO)
+logger = logging.getLogger(__name__)
 
 app = Flask(__name__, static_folder='../frontend/dist')
 app.config['SECRET_KEY'] = os.environ.get('SECRET_KEY', 'dev_key_for_goldminer')
-app.config['SQLALCHEMY_DATABASE_URI'] = 'sqlite:///goldminer.db'
+
+# MySQL 数据库配置
+DB_USER = os.environ.get('DB_USER', 'goldminer')
+DB_PASSWORD = os.environ.get('DB_PASSWORD', 'goldminer')
+DB_HOST = os.environ.get('DB_HOST', 'localhost')
+DB_NAME = os.environ.get('DB_NAME', 'gold')
+
+app.config['SQLALCHEMY_DATABASE_URI'] = f'mysql+pymysql://{DB_USER}:{DB_PASSWORD}@{DB_HOST}/{DB_NAME}'
 app.config['SQLALCHEMY_TRACK_MODIFICATIONS'] = False
+app.config['SQLALCHEMY_ECHO'] = True # 开启SQL查询日志，方便调试
 
 CORS(app, supports_credentials=True, origins=['*'])  # Enable CORS with credentials for all origins
 db = SQLAlchemy(app)
@@ -67,9 +80,24 @@ class ChatMessage(db.Model):
     room = db.relationship('ChatRoom', backref=db.backref('messages', lazy=True))
     user = db.relationship('User', backref=db.backref('messages', lazy=True))
 
-# 创建数据库表
-with app.app_context():
-    db.create_all()
+# 检查数据库连接并创建表
+def init_db():
+    with app.app_context():
+        try:
+            logger.info("正在连接到MySQL数据库...")
+            # The act of creating tables will test the connection.
+            db.create_all()
+            logger.info("数据库连接成功，并且所有表都已（如果不存在则）创建。")
+        except OperationalError as e:
+            logger.error("无法连接到MySQL数据库。请检查您的数据库配置和服务器状态。")
+            logger.error(f"错误详情: {e}")
+            logger.error("请确保：")
+            logger.error("1. MySQL服务器正在运行。")
+            logger.error(f"2. 数据库 '{DB_NAME}' 已存在。 (例如：CREATE DATABASE {DB_NAME};)")
+            logger.error(f"3. 用户 '{DB_USER}' 已创建并拥有对 '{DB_NAME}' 数据库的权限。")
+            # The application will likely fail to start properly, which is intended.
+        except Exception as e:
+            logger.error(f"初始化数据库时发生未知错误: {e}")
 
 # 注册API
 @app.route('/api/register', methods=['POST'])
@@ -449,4 +477,7 @@ def handle_send_message(data):
     }, room=str(room_id))
 
 if __name__ == '__main__':
-    socketio.run(app, debug=True, host='0.0.0.0') 
\ No newline at end of file
+    # 在启动应用前初始化数据库
+    init_db()
+    # 使用 eventlet 或 gevent 来获得更好的性能
+    socketio.run(app, debug=True, host='0.0.0.0', port=5000) 
\ No newline at end of file
diff --git a/goldminer/backend/requirements.txt b/goldminer/backend/requirements.txt
index 260633af..3881bc8c 100644
--- a/goldminer/backend/requirements.txt
+++ b/goldminer/backend/requirements.txt
@@ -3,4 +3,5 @@ flask-cors
 flask-sqlalchemy
 flask-socketio
 werkzeug
-sqlalchemy<2.0.0 
\ No newline at end of file
+sqlalchemy<2.0.0
+PyMySQL 
\ No newline at end of file
diff --git a/goldminer/frontend/node_modules/.cache/babel-loader/15df5abc4b3b0eb2d29c87df8ada1f7336ea51f0f22310d12c58bdef663c4d43.json b/goldminer/frontend/node_modules/.cache/babel-loader/15df5abc4b3b0eb2d29c87df8ada1f7336ea51f0f22310d12c58bdef663c4d43.json
new file mode 100644
index 00000000..b3e487fe
--- /dev/null
+++ b/goldminer/frontend/node_modules/.cache/babel-loader/15df5abc4b3b0eb2d29c87df8ada1f7336ea51f0f22310d12c58bdef663c4d43.json
@@ -0,0 +1 @@
+{"ast":null,"code":"import \"core-js/modules/es.array.push.js\";\nimport \"core-js/modules/es.iterator.constructor.js\";\nimport \"core-js/modules/es.iterator.filter.js\";\nimport \"core-js/modules/es.iterator.map.js\";\nimport \"core-js/modules/es.set.difference.v2.js\";\nimport \"core-js/modules/es.set.intersection.v2.js\";\nimport \"core-js/modules/es.set.is-disjoint-from.v2.js\";\nimport \"core-js/modules/es.set.is-subset-of.v2.js\";\nimport \"core-js/modules/es.set.is-superset-of.v2.js\";\nimport \"core-js/modules/es.set.symmetric-difference.v2.js\";\nimport \"core-js/modules/es.set.union.v2.js\";\nimport axios from 'axios';\nexport default {\n  name: 'ChatRoom',\n  data() {\n    return {\n      loading: true,\n      error: null,\n      rooms: [],\n      currentRoom: null,\n      messages: [],\n      notifications: [],\n      newMessage: '',\n      newRoomName: '',\n      showCreateRoomModal: false,\n      messagesContainer: null,\n      currentUser: JSON.parse(localStorage.getItem('user') || '{}'),\n      pollingInterval: null,\n      isConnecting: false\n    };\n  },\n  created() {\n    this.fetchRooms();\n\n    // 每10秒刷新房间列表\n    setInterval(() => {\n      this.fetchRooms();\n    }, 10000);\n  },\n  beforeUnmount() {\n    this.stopPolling();\n  },\n  methods: {\n    // 获取聊天室列表\n    async fetchRooms() {\n      this.loading = true;\n      this.error = null;\n      try {\n        const response = await axios.get('/api/chat/rooms', {\n          withCredentials: true\n        });\n        this.rooms = response.data || [];\n      } catch (err) {\n        console.error('获取聊天室列表失败:', err);\n        this.error = '获取聊天室列表失败，请稍后重试';\n      } finally {\n        this.loading = false;\n      }\n    },\n    // 创建聊天室\n    async createRoom() {\n      if (!this.newRoomName.trim()) return;\n      try {\n        const response = await axios.post('/api/chat/rooms', {\n          name: this.newRoomName\n        }, {\n          withCredentials: true\n        });\n        this.newRoomName = '';\n        await this.fetchRooms();\n\n        // 自动加入创建的房间\n        const newRoom = response.data;\n        if (newRoom && newRoom.id) {\n          this.joinRoom(newRoom);\n        }\n      } catch (err) {\n        console.error('创建聊天室失败:', err);\n        alert('创建聊天室失败，请稍后重试');\n      }\n    },\n    // 加入聊天室\n    async joinRoom(room) {\n      if (this.currentRoom && this.currentRoom.id === room.id) return;\n\n      // 停止之前的轮询\n      this.stopPolling();\n      this.currentRoom = room;\n      this.messages = [];\n      this.notifications = [];\n      try {\n        // 获取聊天室历史消息\n        const response = await axios.get(`/api/chat/rooms/${room.id}/messages`, {\n          withCredentials: true\n        });\n        this.messages = response.data.messages;\n\n        // 开始轮询新消息\n        this.startPolling();\n\n        // 滚动到底部\n        this.$nextTick(() => {\n          this.scrollToBottom();\n        });\n      } catch (err) {\n        console.error('加入聊天室失败:', err);\n        alert('加入聊天室失败，请稍后重试');\n        this.currentRoom = null;\n      }\n    },\n    // 离开聊天室\n    leaveRoom() {\n      if (!this.currentRoom) return;\n\n      // 停止轮询\n      this.stopPolling();\n      this.currentRoom = null;\n      this.messages = [];\n      this.notifications = [];\n    },\n    // 发送消息\n    async sendMessage() {\n      if (!this.newMessage.trim() || !this.currentRoom) return;\n      try {\n        // 准备消息数据\n        const messageData = {\n          room_id: this.currentRoom.id,\n          message: this.newMessage\n        };\n\n        // 发送消息\n        await axios.post('/api/chat/send', messageData, {\n          withCredentials: true,\n          headers: {\n            'Content-Type': 'application/json'\n          }\n        });\n\n        // UDP不保证消息到达，所以这里我们模拟一条本地消息\n        const localMessage = {\n          id: Date.now(),\n          user_id: this.currentUser.username,\n          username: this.currentUser.username,\n          message: this.newMessage,\n          created_at: new Date().toISOString()\n        };\n        this.messages.push(localMessage);\n\n        // 清空输入框\n        this.newMessage = '';\n\n        // 滚动到底部\n        this.$nextTick(() => {\n          this.scrollToBottom();\n        });\n      } catch (err) {\n        console.error('发送消息失败:', err);\n      }\n    },\n    // 开始轮询获取新消息\n    startPolling() {\n      if (this.pollingInterval) return;\n      this.pollingInterval = setInterval(async () => {\n        if (!this.currentRoom) return;\n        try {\n          // 使用POST方法，因为某些浏览器可能会缓存GET请求\n          const response = await axios.post(`/api/chat/poll/${this.currentRoom.id}`, {}, {\n            withCredentials: true\n          });\n\n          // 更新消息列表，保留本地消息\n          if (Array.isArray(response.data) && response.data.length > 0) {\n            // 合并本地和服务器消息，避免重复\n            const existingIds = new Set(this.messages.map(m => m.id));\n            const newMessages = response.data.filter(m => !existingIds.has(m.id));\n            if (newMessages.length > 0) {\n              this.messages = [...this.messages, ...newMessages];\n\n              // 滚动到底部\n              this.$nextTick(() => {\n                this.scrollToBottom();\n              });\n            }\n          }\n        } catch (error) {\n          console.error('轮询消息失败', error);\n        }\n      }, 2000); // 每2秒轮询一次\n    },\n    // 停止轮询\n    stopPolling() {\n      if (this.pollingInterval) {\n        clearInterval(this.pollingInterval);\n        this.pollingInterval = null;\n      }\n    },\n    // 格式化时间\n    formatTime(dateString) {\n      if (!dateString) return '';\n      const date = new Date(dateString);\n      return date.toLocaleTimeString('zh-CN', {\n        hour: '2-digit',\n        minute: '2-digit'\n      });\n    },\n    // 滚动到底部\n    scrollToBottom() {\n      const container = this.$refs.messagesContainer;\n      if (container) {\n        container.scrollTop = container.scrollHeight;\n      }\n    },\n    // 检查是否是当前用户\n    isCurrentUser(userId) {\n      return this.currentUser && this.currentUser.id === userId;\n    }\n  }\n};","map":{"version":3,"names":["axios","name","data","loading","error","rooms","currentRoom","messages","notifications","newMessage","newRoomName","showCreateRoomModal","messagesContainer","currentUser","JSON","parse","localStorage","getItem","pollingInterval","isConnecting","created","fetchRooms","setInterval","beforeUnmount","stopPolling","methods","response","get","withCredentials","err","console","createRoom","trim","post","newRoom","id","joinRoom","alert","room","startPolling","$nextTick","scrollToBottom","leaveRoom","sendMessage","messageData","room_id","message","headers","localMessage","Date","now","user_id","username","created_at","toISOString","push","Array","isArray","length","existingIds","Set","map","m","newMessages","filter","has","clearInterval","formatTime","dateString","date","toLocaleTimeString","hour","minute","container","$refs","scrollTop","scrollHeight","isCurrentUser","userId"],"sources":["D:\\学习\\网络应用程序开发\\pdf\\goldminer\\frontend\\src\\components\\ChatRoom.vue"],"sourcesContent":["<template>\r\n  <div class=\"chat-container\">\r\n    <div class=\"chat-header\">\r\n      <h2>游戏聊天室</h2>\r\n      <p class=\"subtitle\">与其他玩家交流游戏心得</p>\r\n    </div>\r\n    \r\n    <div v-if=\"loading\" class=\"loading\">\r\n      <p>加载中...</p>\r\n    </div>\r\n    \r\n    <div v-else-if=\"error\" class=\"error-message\">\r\n      <p>{{ error }}</p>\r\n      <button @click=\"fetchRooms\" class=\"retry-button\">重试</button>\r\n    </div>\r\n    \r\n    <div v-else class=\"chat-content\">\r\n      <!-- 左侧聊天室列表 -->\r\n      <div class=\"rooms-panel\">\r\n        <div class=\"panel-header\">\r\n          <h3>聊天室列表</h3>\r\n          <button @click=\"showCreateRoomModal = true\" class=\"create-room-btn\">\r\n            创建聊天室\r\n          </button>\r\n        </div>\r\n        \r\n        <div class=\"room-list\">\r\n          <div \r\n            v-for=\"room in rooms\" \r\n            :key=\"room.id\" \r\n            class=\"room-item\"\r\n            :class=\"{ active: currentRoom && currentRoom.id === room.id }\"\r\n            @click=\"joinRoom(room)\"\r\n          >\r\n            <div class=\"room-name\">{{ room.name }}</div>\r\n            <div class=\"room-info\">{{ room.members_count || 0 }}人在线</div>\r\n          </div>\r\n          \r\n          <div v-if=\"rooms.length === 0\" class=\"no-rooms\">\r\n            <p>暂无聊天室，创建一个吧！</p>\r\n          </div>\r\n        </div>\r\n      </div>\r\n      \r\n      <!-- 右侧聊天区域 -->\r\n      <div class=\"chat-panel\">\r\n        <div v-if=\"!currentRoom\" class=\"no-room-selected\">\r\n          <p>请选择或创建一个聊天室</p>\r\n        </div>\r\n        \r\n        <template v-else>\r\n          <div class=\"chat-room-header\">\r\n            <h3>{{ currentRoom.name }}</h3>\r\n            <button @click=\"leaveRoom\" class=\"leave-room-btn\">离开</button>\r\n          </div>\r\n          \r\n          <div class=\"messages-container\" ref=\"messagesContainer\">\r\n            <div \r\n              v-for=\"msg in messages\" \r\n              :key=\"msg.id\" \r\n              class=\"message-item\"\r\n              :class=\"{ 'current-user-message': isCurrentUser(msg.user_id) }\"\r\n            >\r\n              <div class=\"message-header\" :class=\"{ 'current-user-header': isCurrentUser(msg.user_id) }\">\r\n                <span class=\"username\" :class=\"{ 'current-user': isCurrentUser(msg.user_id) }\">\r\n                  {{ msg.username }}\r\n                </span>\r\n                <span class=\"timestamp\">{{ formatTime(msg.created_at) }}</span>\r\n              </div>\r\n              <div class=\"message-content\" :class=\"{ 'current-user-content': isCurrentUser(msg.user_id) }\">\r\n                {{ msg.message }}\r\n              </div>\r\n            </div>\r\n            \r\n            <div v-if=\"messages.length === 0\" class=\"no-messages\">\r\n              <p>暂无消息，开始聊天吧！</p>\r\n            </div>\r\n            \r\n            <div v-for=\"notification in notifications\" :key=\"notification.id\" class=\"notification\">\r\n              {{ notification.message }}\r\n            </div>\r\n          </div>\r\n          \r\n          <div class=\"message-input\">\r\n            <input \r\n              type=\"text\" \r\n              v-model=\"newMessage\" \r\n              placeholder=\"输入消息...\" \r\n              @keyup.enter=\"sendMessage\"\r\n            />\r\n            <button @click=\"sendMessage\" :disabled=\"!newMessage.trim()\">发送</button>\r\n          </div>\r\n        </template>\r\n      </div>\r\n    </div>\r\n    \r\n    <!-- 创建聊天室模态框 -->\r\n    <div v-if=\"showCreateRoomModal\" class=\"modal-overlay\">\r\n      <div class=\"modal-content\">\r\n        <h3>创建新聊天室</h3>\r\n        <div class=\"form-group\">\r\n          <label for=\"roomName\">聊天室名称</label>\r\n          <input \r\n            type=\"text\" \r\n            id=\"roomName\" \r\n            v-model=\"newRoomName\" \r\n            placeholder=\"输入聊天室名称\"\r\n          />\r\n        </div>\r\n        <div class=\"modal-actions\">\r\n          <button @click=\"createRoom\" class=\"create-btn\" :disabled=\"!newRoomName.trim()\">创建</button>\r\n          <button @click=\"showCreateRoomModal = false\" class=\"cancel-btn\">取消</button>\r\n        </div>\r\n      </div>\r\n    </div>\r\n  </div>\r\n</template>\r\n\r\n<script>\r\nimport axios from 'axios'\r\n\r\nexport default {\r\n  name: 'ChatRoom',\r\n  data() {\r\n    return {\r\n      loading: true,\r\n      error: null,\r\n      rooms: [],\r\n      currentRoom: null,\r\n      messages: [],\r\n      notifications: [],\r\n      newMessage: '',\r\n      newRoomName: '',\r\n      showCreateRoomModal: false,\r\n      messagesContainer: null,\r\n      currentUser: JSON.parse(localStorage.getItem('user') || '{}'),\r\n      pollingInterval: null,\r\n      isConnecting: false\r\n    }\r\n  },\r\n  created() {\r\n    this.fetchRooms()\r\n    \r\n    // 每10秒刷新房间列表\r\n    setInterval(() => {\r\n      this.fetchRooms()\r\n    }, 10000)\r\n  },\r\n  beforeUnmount() {\r\n    this.stopPolling()\r\n  },\r\n  methods: {\r\n    // 获取聊天室列表\r\n    async fetchRooms() {\r\n      this.loading = true\r\n      this.error = null\r\n      \r\n      try {\r\n        const response = await axios.get('/api/chat/rooms', { withCredentials: true })\r\n        this.rooms = response.data || []\r\n      } catch (err) {\r\n        console.error('获取聊天室列表失败:', err)\r\n        this.error = '获取聊天室列表失败，请稍后重试'\r\n      } finally {\r\n        this.loading = false\r\n      }\r\n    },\r\n    \r\n    // 创建聊天室\r\n    async createRoom() {\r\n      if (!this.newRoomName.trim()) return\r\n      \r\n      try {\r\n        const response = await axios.post('/api/chat/rooms', {\r\n          name: this.newRoomName\r\n        }, { withCredentials: true })\r\n        \r\n        this.newRoomName = ''\r\n        await this.fetchRooms()\r\n        \r\n        // 自动加入创建的房间\r\n        const newRoom = response.data\r\n        if (newRoom && newRoom.id) {\r\n          this.joinRoom(newRoom)\r\n        }\r\n      } catch (err) {\r\n        console.error('创建聊天室失败:', err)\r\n        alert('创建聊天室失败，请稍后重试')\r\n      }\r\n    },\r\n    \r\n    // 加入聊天室\r\n    async joinRoom(room) {\r\n      if (this.currentRoom && this.currentRoom.id === room.id) return\r\n      \r\n      // 停止之前的轮询\r\n      this.stopPolling()\r\n      \r\n      this.currentRoom = room\r\n      this.messages = []\r\n      this.notifications = []\r\n      \r\n      try {\r\n        // 获取聊天室历史消息\r\n        const response = await axios.get(`/api/chat/rooms/${room.id}/messages`, { withCredentials: true })\r\n        this.messages = response.data.messages\r\n        \r\n        // 开始轮询新消息\r\n        this.startPolling()\r\n        \r\n        // 滚动到底部\r\n        this.$nextTick(() => {\r\n          this.scrollToBottom()\r\n        })\r\n      } catch (err) {\r\n        console.error('加入聊天室失败:', err)\r\n        alert('加入聊天室失败，请稍后重试')\r\n        this.currentRoom = null\r\n      }\r\n    },\r\n    \r\n    // 离开聊天室\r\n    leaveRoom() {\r\n      if (!this.currentRoom) return\r\n      \r\n      // 停止轮询\r\n      this.stopPolling()\r\n      \r\n      this.currentRoom = null\r\n      this.messages = []\r\n      this.notifications = []\r\n    },\r\n    \r\n    // 发送消息\r\n    async sendMessage() {\r\n      if (!this.newMessage.trim() || !this.currentRoom) return\r\n      \r\n      try {\r\n        // 准备消息数据\r\n        const messageData = {\r\n          room_id: this.currentRoom.id,\r\n          message: this.newMessage\r\n        }\r\n        \r\n        // 发送消息\r\n        await axios.post('/api/chat/send', messageData, { \r\n          withCredentials: true,\r\n          headers: {\r\n            'Content-Type': 'application/json'\r\n          }\r\n        })\r\n        \r\n        // UDP不保证消息到达，所以这里我们模拟一条本地消息\r\n        const localMessage = {\r\n          id: Date.now(),\r\n          user_id: this.currentUser.username,\r\n          username: this.currentUser.username,\r\n          message: this.newMessage,\r\n          created_at: new Date().toISOString()\r\n        }\r\n        this.messages.push(localMessage)\r\n        \r\n        // 清空输入框\r\n        this.newMessage = ''\r\n        \r\n        // 滚动到底部\r\n        this.$nextTick(() => {\r\n          this.scrollToBottom()\r\n        })\r\n      } catch (err) {\r\n        console.error('发送消息失败:', err)\r\n      }\r\n    },\r\n    \r\n    // 开始轮询获取新消息\r\n    startPolling() {\r\n      if (this.pollingInterval) return\r\n      \r\n      this.pollingInterval = setInterval(async () => {\r\n        if (!this.currentRoom) return\r\n        \r\n        try {\r\n          // 使用POST方法，因为某些浏览器可能会缓存GET请求\r\n          const response = await axios.post(`/api/chat/poll/${this.currentRoom.id}`, {}, {\r\n            withCredentials: true\r\n          })\r\n          \r\n          // 更新消息列表，保留本地消息\r\n          if (Array.isArray(response.data) && response.data.length > 0) {\r\n            // 合并本地和服务器消息，避免重复\r\n            const existingIds = new Set(this.messages.map(m => m.id))\r\n            const newMessages = response.data.filter(m => !existingIds.has(m.id))\r\n            \r\n            if (newMessages.length > 0) {\r\n              this.messages = [...this.messages, ...newMessages]\r\n              \r\n              // 滚动到底部\r\n              this.$nextTick(() => {\r\n                this.scrollToBottom()\r\n              })\r\n            }\r\n          }\r\n        } catch (error) {\r\n          console.error('轮询消息失败', error)\r\n        }\r\n      }, 2000) // 每2秒轮询一次\r\n    },\r\n    \r\n    // 停止轮询\r\n    stopPolling() {\r\n      if (this.pollingInterval) {\r\n        clearInterval(this.pollingInterval)\r\n        this.pollingInterval = null\r\n      }\r\n    },\r\n    \r\n    // 格式化时间\r\n    formatTime(dateString) {\r\n      if (!dateString) return ''\r\n      \r\n      const date = new Date(dateString)\r\n      return date.toLocaleTimeString('zh-CN', {\r\n        hour: '2-digit',\r\n        minute: '2-digit'\r\n      })\r\n    },\r\n    \r\n    // 滚动到底部\r\n    scrollToBottom() {\r\n      const container = this.$refs.messagesContainer\r\n      if (container) {\r\n        container.scrollTop = container.scrollHeight\r\n      }\r\n    },\r\n    \r\n    // 检查是否是当前用户\r\n    isCurrentUser(userId) {\r\n      return this.currentUser && this.currentUser.id === userId\r\n    }\r\n  }\r\n}\r\n</script>\r\n\r\n<style scoped>\r\n.chat-container {\r\n  max-width: 1500px;\r\n  margin: 0 auto;\r\n  padding: 20px;\r\n}\r\n\r\n.chat-header {\r\n  text-align: center;\r\n  margin-bottom: 30px;\r\n}\r\n\r\n.chat-header h2 {\r\n  color: #8B4513;\r\n  font-size: 28px;\r\n  margin-bottom: 10px;\r\n}\r\n\r\n.subtitle {\r\n  color: #666;\r\n  font-size: 16px;\r\n}\r\n\r\n.loading, .error-message {\r\n  text-align: center;\r\n  padding: 40px 0;\r\n}\r\n\r\n.error-message {\r\n  color: #e74c3c;\r\n}\r\n\r\n.retry-button {\r\n  background-color: #8B4513;\r\n  color: white;\r\n  border: none;\r\n  padding: 8px 16px;\r\n  border-radius: 4px;\r\n  cursor: pointer;\r\n  margin-top: 10px;\r\n}\r\n\r\n.chat-content {\r\n  display: flex;\r\n  gap: 20px;\r\n  height: 600px;\r\n}\r\n\r\n/* 左侧聊天室列表 */\r\n.rooms-panel {\r\n  width: 300px;\r\n  background-color: white;\r\n  border-radius: 8px;\r\n  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.1);\r\n  overflow: hidden;\r\n  display: flex;\r\n  flex-direction: column;\r\n}\r\n\r\n.panel-header {\r\n  padding: 15px;\r\n  border-bottom: 1px solid #eee;\r\n  display: flex;\r\n  justify-content: space-between;\r\n  align-items: center;\r\n}\r\n\r\n.panel-header h3 {\r\n  margin: 0;\r\n  color: #333;\r\n  font-size: 18px;\r\n}\r\n\r\n.create-room-btn {\r\n  background-color: #8B4513;\r\n  color: white;\r\n  border: none;\r\n  padding: 6px 12px;\r\n  border-radius: 4px;\r\n  cursor: pointer;\r\n  font-size: 14px;\r\n}\r\n\r\n.room-list {\r\n  flex: 1;\r\n  overflow-y: auto;\r\n  padding: 10px;\r\n}\r\n\r\n.room-item {\r\n  padding: 12px;\r\n  border-radius: 6px;\r\n  margin-bottom: 8px;\r\n  cursor: pointer;\r\n  transition: all 0.2s;\r\n}\r\n\r\n.room-item:hover {\r\n  background-color: rgba(139, 69, 19, 0.1);\r\n}\r\n\r\n.room-item.active {\r\n  background-color: rgba(139, 69, 19, 0.2);\r\n}\r\n\r\n.room-name {\r\n  font-weight: bold;\r\n  margin-bottom: 5px;\r\n}\r\n\r\n.room-info {\r\n  font-size: 12px;\r\n  color: #666;\r\n}\r\n\r\n.no-rooms {\r\n  text-align: center;\r\n  padding: 20px;\r\n  color: #666;\r\n}\r\n\r\n/* 右侧聊天区域 */\r\n.chat-panel {\r\n  flex: 1;\r\n  width: 1000px;\r\n  background-color: white;\r\n  border-radius: 8px;\r\n  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.1);\r\n  overflow: hidden;\r\n  display: flex;\r\n  flex-direction: column;\r\n}\r\n\r\n.no-room-selected {\r\n  display: flex;\r\n  justify-content: center;\r\n  align-items: center;\r\n  height: 100%;\r\n  color: #666;\r\n  font-size: 18px;\r\n}\r\n\r\n.chat-room-header {\r\n  padding: 15px;\r\n  border-bottom: 1px solid #eee;\r\n  display: flex;\r\n  justify-content: space-between;\r\n  align-items: center;\r\n}\r\n\r\n.chat-room-header h3 {\r\n  margin: 0;\r\n  color: #333;\r\n  font-size: 18px;\r\n}\r\n\r\n.leave-room-btn {\r\n  background-color: #e74c3c;\r\n  color: white;\r\n  border: none;\r\n  padding: 6px 12px;\r\n  border-radius: 4px;\r\n  cursor: pointer;\r\n  font-size: 14px;\r\n}\r\n\r\n.messages-container {\r\n  flex: 1;\r\n  overflow-y: auto;\r\n  padding: 15px;\r\n  display: flex;\r\n  flex-direction: column;\r\n  gap: 10px;\r\n}\r\n\r\n.message-item {\r\n  max-width: 80%;\r\n  align-self: flex-start;\r\n}\r\n\r\n.current-user-message {\r\n  align-self: flex-end;\r\n}\r\n\r\n.message-header {\r\n  display: flex;\r\n  justify-content: space-between;\r\n  align-items: center;\r\n  margin-bottom: 5px;\r\n}\r\n\r\n.current-user-header {\r\n  flex-direction: row-reverse;\r\n}\r\n\r\n.username {\r\n  font-weight: bold;\r\n  color: #333;\r\n}\r\n\r\n.username.current-user {\r\n  color: #8B4513;\r\n}\r\n\r\n.timestamp {\r\n  font-size: 12px;\r\n  color: #999;\r\n}\r\n\r\n.message-content {\r\n  background-color: #f1f1f1;\r\n  padding: 10px;\r\n  border-radius: 8px;\r\n  word-break: break-word;\r\n}\r\n\r\n.current-user-content {\r\n  background-color: #8B4513;\r\n  color: white;\r\n}\r\n\r\n.no-messages {\r\n  text-align: center;\r\n  padding: 20px;\r\n  color: #666;\r\n}\r\n\r\n.notification {\r\n  text-align: center;\r\n  padding: 5px 10px;\r\n  margin: 5px 0;\r\n  background-color: rgba(139, 69, 19, 0.1);\r\n  border-radius: 15px;\r\n  color: #8B4513;\r\n  font-size: 12px;\r\n  align-self: center;\r\n}\r\n\r\n.message-input {\r\n  display: flex;\r\n  padding: 15px;\r\n  border-top: 1px solid #eee;\r\n}\r\n\r\n.message-input input {\r\n  flex: 1;\r\n  padding: 10px;\r\n  border: 1px solid #ddd;\r\n  border-radius: 4px;\r\n  font-size: 16px;\r\n  margin-right: 10px;\r\n}\r\n\r\n.message-input input:focus {\r\n  outline: none;\r\n  border-color: #8B4513;\r\n}\r\n\r\n.message-input button {\r\n  background-color: #8B4513;\r\n  color: white;\r\n  border: none;\r\n  padding: 10px 20px;\r\n  border-radius: 4px;\r\n  cursor: pointer;\r\n}\r\n\r\n.message-input button:disabled {\r\n  background-color: #ccc;\r\n  cursor: not-allowed;\r\n}\r\n\r\n/* 模态框 */\r\n.modal-overlay {\r\n  position: fixed;\r\n  top: 0;\r\n  left: 0;\r\n  right: 0;\r\n  bottom: 0;\r\n  background-color: rgba(0, 0, 0, 0.5);\r\n  display: flex;\r\n  justify-content: center;\r\n  align-items: center;\r\n  z-index: 1000;\r\n}\r\n\r\n.modal-content {\r\n  background-color: white;\r\n  padding: 20px;\r\n  border-radius: 8px;\r\n  width: 400px;\r\n  box-shadow: 0 4px 20px rgba(0, 0, 0, 0.2);\r\n}\r\n\r\n.modal-content h3 {\r\n  margin-top: 0;\r\n  color: #333;\r\n}\r\n\r\n.form-group {\r\n  margin-bottom: 20px;\r\n}\r\n\r\n.form-group label {\r\n  display: block;\r\n  margin-bottom: 5px;\r\n  font-weight: bold;\r\n}\r\n\r\n.form-group input {\r\n  width: 100%;\r\n  padding: 10px;\r\n  border: 1px solid #ddd;\r\n  border-radius: 4px;\r\n  font-size: 16px;\r\n}\r\n\r\n.modal-actions {\r\n  display: flex;\r\n  justify-content: flex-end;\r\n  gap: 10px;\r\n}\r\n\r\n.create-btn {\r\n  background-color: #8B4513;\r\n  color: white;\r\n  border: none;\r\n  padding: 8px 16px;\r\n  border-radius: 4px;\r\n  cursor: pointer;\r\n}\r\n\r\n.create-btn:disabled {\r\n  background-color: #ccc;\r\n  cursor: not-allowed;\r\n}\r\n\r\n.cancel-btn {\r\n  background-color: #f1f1f1;\r\n  color: #333;\r\n  border: none;\r\n  padding: 8px 16px;\r\n  border-radius: 4px;\r\n  cursor: pointer;\r\n}\r\n\r\n/* 响应式设计 */\r\n@media (max-width: 768px) {\r\n  .chat-content {\r\n    flex-direction: column;\r\n    height: auto;\r\n  }\r\n  \r\n  .rooms-panel {\r\n    width: 100%;\r\n    margin-bottom: 20px;\r\n    height: 300px;\r\n  }\r\n  \r\n  .chat-panel {\r\n    width: 100%;\r\n    height: 500px;\r\n  }\r\n}\r\n</style> "],"mappings":"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","ignoreList":[]},"metadata":{},"sourceType":"module","externalDependencies":[]}
\ No newline at end of file
diff --git a/goldminer/frontend/node_modules/.cache/babel-loader/24a99a6067e6f9dcee51a29de6aacc420e32f03ce0b1f2d1c2f35c39e72fbfce.json b/goldminer/frontend/node_modules/.cache/babel-loader/24a99a6067e6f9dcee51a29de6aacc420e32f03ce0b1f2d1c2f35c39e72fbfce.json
new file mode 100644
index 00000000..badb121e
--- /dev/null
+++ b/goldminer/frontend/node_modules/.cache/babel-loader/24a99a6067e6f9dcee51a29de6aacc420e32f03ce0b1f2d1c2f35c39e72fbfce.json
@@ -0,0 +1 @@
+{"ast":null,"code":"import { createApp } from 'vue';\nimport App from './App.vue';\nimport router from './router';\nimport axios from 'axios';\n\n// In containerized environment, API calls will be proxied through Nginx\n// No need to specify a baseURL as we'll use relative URLs that Nginx will route\naxios.defaults.baseURL = '';\nconst app = createApp(App);\napp.use(router);\napp.mount('#app');","map":{"version":3,"names":["createApp","App","router","axios","defaults","baseURL","app","use","mount"],"sources":["D:/学习/网络应用程序开发/pdf/goldminer/frontend/src/main.js"],"sourcesContent":["import { createApp } from 'vue'\r\nimport App from './App.vue'\r\nimport router from './router'\r\nimport axios from 'axios'\r\n\r\n// In containerized environment, API calls will be proxied through Nginx\r\n// No need to specify a baseURL as we'll use relative URLs that Nginx will route\r\naxios.defaults.baseURL = ''\r\n\r\nconst app = createApp(App)\r\napp.use(router)\r\napp.mount('#app') "],"mappings":"AAAA,SAASA,SAAS,QAAQ,KAAK;AAC/B,OAAOC,GAAG,MAAM,WAAW;AAC3B,OAAOC,MAAM,MAAM,UAAU;AAC7B,OAAOC,KAAK,MAAM,OAAO;;AAEzB;AACA;AACAA,KAAK,CAACC,QAAQ,CAACC,OAAO,GAAG,EAAE;AAE3B,MAAMC,GAAG,GAAGN,SAAS,CAACC,GAAG,CAAC;AAC1BK,GAAG,CAACC,GAAG,CAACL,MAAM,CAAC;AACfI,GAAG,CAACE,KAAK,CAAC,MAAM,CAAC","ignoreList":[]},"metadata":{},"sourceType":"module","externalDependencies":[]}
\ No newline at end of file
diff --git a/goldminer/frontend/node_modules/.cache/babel-loader/4363643b0b4b21333a3577c8591557e973a38f3ea266600a7dc58b9a586879ec.json b/goldminer/frontend/node_modules/.cache/babel-loader/4363643b0b4b21333a3577c8591557e973a38f3ea266600a7dc58b9a586879ec.json
new file mode 100644
index 00000000..f87388bf
--- /dev/null
+++ b/goldminer/frontend/node_modules/.cache/babel-loader/4363643b0b4b21333a3577c8591557e973a38f3ea266600a7dc58b9a586879ec.json
@@ -0,0 +1 @@
+{"ast":null,"code":"import { createElementVNode as _createElementVNode, openBlock as _openBlock, createElementBlock as _createElementBlock, createCommentVNode as _createCommentVNode, toDisplayString as _toDisplayString, renderList as _renderList, Fragment as _Fragment, normalizeClass as _normalizeClass, vModelText as _vModelText, withKeys as _withKeys, withDirectives as _withDirectives } from \"vue\";\nconst _hoisted_1 = {\n  class: \"chat-container\"\n};\nconst _hoisted_2 = {\n  key: 0,\n  class: \"loading\"\n};\nconst _hoisted_3 = {\n  key: 1,\n  class: \"error-message\"\n};\nconst _hoisted_4 = {\n  key: 2,\n  class: \"chat-content\"\n};\nconst _hoisted_5 = {\n  class: \"rooms-panel\"\n};\nconst _hoisted_6 = {\n  class: \"panel-header\"\n};\nconst _hoisted_7 = {\n  class: \"room-list\"\n};\nconst _hoisted_8 = [\"onClick\"];\nconst _hoisted_9 = {\n  class: \"room-name\"\n};\nconst _hoisted_10 = {\n  class: \"room-info\"\n};\nconst _hoisted_11 = {\n  key: 0,\n  class: \"no-rooms\"\n};\nconst _hoisted_12 = {\n  class: \"chat-panel\"\n};\nconst _hoisted_13 = {\n  key: 0,\n  class: \"no-room-selected\"\n};\nconst _hoisted_14 = {\n  class: \"chat-room-header\"\n};\nconst _hoisted_15 = {\n  class: \"messages-container\",\n  ref: \"messagesContainer\"\n};\nconst _hoisted_16 = {\n  class: \"timestamp\"\n};\nconst _hoisted_17 = {\n  key: 0,\n  class: \"no-messages\"\n};\nconst _hoisted_18 = {\n  class: \"message-input\"\n};\nconst _hoisted_19 = [\"disabled\"];\nconst _hoisted_20 = {\n  key: 3,\n  class: \"modal-overlay\"\n};\nconst _hoisted_21 = {\n  class: \"modal-content\"\n};\nconst _hoisted_22 = {\n  class: \"form-group\"\n};\nconst _hoisted_23 = {\n  class: \"modal-actions\"\n};\nconst _hoisted_24 = [\"disabled\"];\nexport function render(_ctx, _cache, $props, $setup, $data, $options) {\n  return _openBlock(), _createElementBlock(\"div\", _hoisted_1, [_cache[16] || (_cache[16] = _createElementVNode(\"div\", {\n    class: \"chat-header\"\n  }, [_createElementVNode(\"h2\", null, \"游戏聊天室\"), _createElementVNode(\"p\", {\n    class: \"subtitle\"\n  }, \"与其他玩家交流游戏心得\")], -1 /* HOISTED */)), $data.loading ? (_openBlock(), _createElementBlock(\"div\", _hoisted_2, _cache[9] || (_cache[9] = [_createElementVNode(\"p\", null, \"加载中...\", -1 /* HOISTED */)]))) : $data.error ? (_openBlock(), _createElementBlock(\"div\", _hoisted_3, [_createElementVNode(\"p\", null, _toDisplayString($data.error), 1 /* TEXT */), _createElementVNode(\"button\", {\n    onClick: _cache[0] || (_cache[0] = (...args) => $options.fetchRooms && $options.fetchRooms(...args)),\n    class: \"retry-button\"\n  }, \"重试\")])) : (_openBlock(), _createElementBlock(\"div\", _hoisted_4, [_createCommentVNode(\" 左侧聊天室列表 \"), _createElementVNode(\"div\", _hoisted_5, [_createElementVNode(\"div\", _hoisted_6, [_cache[10] || (_cache[10] = _createElementVNode(\"h3\", null, \"聊天室列表\", -1 /* HOISTED */)), _createElementVNode(\"button\", {\n    onClick: _cache[1] || (_cache[1] = $event => $data.showCreateRoomModal = true),\n    class: \"create-room-btn\"\n  }, \" 创建聊天室 \")]), _createElementVNode(\"div\", _hoisted_7, [(_openBlock(true), _createElementBlock(_Fragment, null, _renderList($data.rooms, room => {\n    return _openBlock(), _createElementBlock(\"div\", {\n      key: room.id,\n      class: _normalizeClass([\"room-item\", {\n        active: $data.currentRoom && $data.currentRoom.id === room.id\n      }]),\n      onClick: $event => $options.joinRoom(room)\n    }, [_createElementVNode(\"div\", _hoisted_9, _toDisplayString(room.name), 1 /* TEXT */), _createElementVNode(\"div\", _hoisted_10, _toDisplayString(room.members_count || 0) + \"人在线\", 1 /* TEXT */)], 10 /* CLASS, PROPS */, _hoisted_8);\n  }), 128 /* KEYED_FRAGMENT */)), $data.rooms.length === 0 ? (_openBlock(), _createElementBlock(\"div\", _hoisted_11, _cache[11] || (_cache[11] = [_createElementVNode(\"p\", null, \"暂无聊天室，创建一个吧！\", -1 /* HOISTED */)]))) : _createCommentVNode(\"v-if\", true)])]), _createCommentVNode(\" 右侧聊天区域 \"), _createElementVNode(\"div\", _hoisted_12, [!$data.currentRoom ? (_openBlock(), _createElementBlock(\"div\", _hoisted_13, _cache[12] || (_cache[12] = [_createElementVNode(\"p\", null, \"请选择或创建一个聊天室\", -1 /* HOISTED */)]))) : (_openBlock(), _createElementBlock(_Fragment, {\n    key: 1\n  }, [_createElementVNode(\"div\", _hoisted_14, [_createElementVNode(\"h3\", null, _toDisplayString($data.currentRoom.name), 1 /* TEXT */), _createElementVNode(\"button\", {\n    onClick: _cache[2] || (_cache[2] = (...args) => $options.leaveRoom && $options.leaveRoom(...args)),\n    class: \"leave-room-btn\"\n  }, \"离开\")]), _createElementVNode(\"div\", _hoisted_15, [(_openBlock(true), _createElementBlock(_Fragment, null, _renderList($data.messages, msg => {\n    return _openBlock(), _createElementBlock(\"div\", {\n      key: msg.id,\n      class: _normalizeClass([\"message-item\", {\n        'current-user-message': $options.isCurrentUser(msg.user_id)\n      }])\n    }, [_createElementVNode(\"div\", {\n      class: _normalizeClass([\"message-header\", {\n        'current-user-header': $options.isCurrentUser(msg.user_id)\n      }])\n    }, [_createElementVNode(\"span\", {\n      class: _normalizeClass([\"username\", {\n        'current-user': $options.isCurrentUser(msg.user_id)\n      }])\n    }, _toDisplayString(msg.username), 3 /* TEXT, CLASS */), _createElementVNode(\"span\", _hoisted_16, _toDisplayString($options.formatTime(msg.created_at)), 1 /* TEXT */)], 2 /* CLASS */), _createElementVNode(\"div\", {\n      class: _normalizeClass([\"message-content\", {\n        'current-user-content': $options.isCurrentUser(msg.user_id)\n      }])\n    }, _toDisplayString(msg.message), 3 /* TEXT, CLASS */)], 2 /* CLASS */);\n  }), 128 /* KEYED_FRAGMENT */)), $data.messages.length === 0 ? (_openBlock(), _createElementBlock(\"div\", _hoisted_17, _cache[13] || (_cache[13] = [_createElementVNode(\"p\", null, \"暂无消息，开始聊天吧！\", -1 /* HOISTED */)]))) : _createCommentVNode(\"v-if\", true), (_openBlock(true), _createElementBlock(_Fragment, null, _renderList($data.notifications, notification => {\n    return _openBlock(), _createElementBlock(\"div\", {\n      key: notification.id,\n      class: \"notification\"\n    }, _toDisplayString(notification.message), 1 /* TEXT */);\n  }), 128 /* KEYED_FRAGMENT */))], 512 /* NEED_PATCH */), _createElementVNode(\"div\", _hoisted_18, [_withDirectives(_createElementVNode(\"input\", {\n    type: \"text\",\n    \"onUpdate:modelValue\": _cache[3] || (_cache[3] = $event => $data.newMessage = $event),\n    placeholder: \"输入消息...\",\n    onKeyup: _cache[4] || (_cache[4] = _withKeys((...args) => $options.sendMessage && $options.sendMessage(...args), [\"enter\"]))\n  }, null, 544 /* NEED_HYDRATION, NEED_PATCH */), [[_vModelText, $data.newMessage]]), _createElementVNode(\"button\", {\n    onClick: _cache[5] || (_cache[5] = (...args) => $options.sendMessage && $options.sendMessage(...args)),\n    disabled: !$data.newMessage.trim()\n  }, \"发送\", 8 /* PROPS */, _hoisted_19)])], 64 /* STABLE_FRAGMENT */))])])), _createCommentVNode(\" 创建聊天室模态框 \"), $data.showCreateRoomModal ? (_openBlock(), _createElementBlock(\"div\", _hoisted_20, [_createElementVNode(\"div\", _hoisted_21, [_cache[15] || (_cache[15] = _createElementVNode(\"h3\", null, \"创建新聊天室\", -1 /* HOISTED */)), _createElementVNode(\"div\", _hoisted_22, [_cache[14] || (_cache[14] = _createElementVNode(\"label\", {\n    for: \"roomName\"\n  }, \"聊天室名称\", -1 /* HOISTED */)), _withDirectives(_createElementVNode(\"input\", {\n    type: \"text\",\n    id: \"roomName\",\n    \"onUpdate:modelValue\": _cache[6] || (_cache[6] = $event => $data.newRoomName = $event),\n    placeholder: \"输入聊天室名称\"\n  }, null, 512 /* NEED_PATCH */), [[_vModelText, $data.newRoomName]])]), _createElementVNode(\"div\", _hoisted_23, [_createElementVNode(\"button\", {\n    onClick: _cache[7] || (_cache[7] = (...args) => $options.createRoom && $options.createRoom(...args)),\n    class: \"create-btn\",\n    disabled: !$data.newRoomName.trim()\n  }, \"创建\", 8 /* PROPS */, _hoisted_24), _createElementVNode(\"button\", {\n    onClick: _cache[8] || (_cache[8] = $event => $data.showCreateRoomModal = false),\n    class: \"cancel-btn\"\n  }, \"取消\")])])])) : _createCommentVNode(\"v-if\", true)]);\n}","map":{"version":3,"names":["class","ref","_createElementBlock","_hoisted_1","_createElementVNode","$data","loading","_hoisted_2","_cache","error","_hoisted_3","_toDisplayString","onClick","args","$options","fetchRooms","_hoisted_4","_createCommentVNode","_hoisted_5","_hoisted_6","$event","showCreateRoomModal","_hoisted_7","_Fragment","_renderList","rooms","room","key","id","_normalizeClass","active","currentRoom","joinRoom","_hoisted_9","name","_hoisted_10","members_count","length","_hoisted_11","_hoisted_12","_hoisted_13","_hoisted_14","leaveRoom","_hoisted_15","messages","msg","isCurrentUser","user_id","username","_hoisted_16","formatTime","created_at","message","_hoisted_17","notifications","notification","_hoisted_18","type","newMessage","placeholder","onKeyup","_withKeys","sendMessage","disabled","trim","_hoisted_19","_hoisted_20","_hoisted_21","_hoisted_22","for","newRoomName","_hoisted_23","createRoom","_hoisted_24"],"sources":["D:\\学习\\网络应用程序开发\\pdf\\goldminer\\frontend\\src\\components\\ChatRoom.vue"],"sourcesContent":["<template>\r\n  <div class=\"chat-container\">\r\n    <div class=\"chat-header\">\r\n      <h2>游戏聊天室</h2>\r\n      <p class=\"subtitle\">与其他玩家交流游戏心得</p>\r\n    </div>\r\n    \r\n    <div v-if=\"loading\" class=\"loading\">\r\n      <p>加载中...</p>\r\n    </div>\r\n    \r\n    <div v-else-if=\"error\" class=\"error-message\">\r\n      <p>{{ error }}</p>\r\n      <button @click=\"fetchRooms\" class=\"retry-button\">重试</button>\r\n    </div>\r\n    \r\n    <div v-else class=\"chat-content\">\r\n      <!-- 左侧聊天室列表 -->\r\n      <div class=\"rooms-panel\">\r\n        <div class=\"panel-header\">\r\n          <h3>聊天室列表</h3>\r\n          <button @click=\"showCreateRoomModal = true\" class=\"create-room-btn\">\r\n            创建聊天室\r\n          </button>\r\n        </div>\r\n        \r\n        <div class=\"room-list\">\r\n          <div \r\n            v-for=\"room in rooms\" \r\n            :key=\"room.id\" \r\n            class=\"room-item\"\r\n            :class=\"{ active: currentRoom && currentRoom.id === room.id }\"\r\n            @click=\"joinRoom(room)\"\r\n          >\r\n            <div class=\"room-name\">{{ room.name }}</div>\r\n            <div class=\"room-info\">{{ room.members_count || 0 }}人在线</div>\r\n          </div>\r\n          \r\n          <div v-if=\"rooms.length === 0\" class=\"no-rooms\">\r\n            <p>暂无聊天室，创建一个吧！</p>\r\n          </div>\r\n        </div>\r\n      </div>\r\n      \r\n      <!-- 右侧聊天区域 -->\r\n      <div class=\"chat-panel\">\r\n        <div v-if=\"!currentRoom\" class=\"no-room-selected\">\r\n          <p>请选择或创建一个聊天室</p>\r\n        </div>\r\n        \r\n        <template v-else>\r\n          <div class=\"chat-room-header\">\r\n            <h3>{{ currentRoom.name }}</h3>\r\n            <button @click=\"leaveRoom\" class=\"leave-room-btn\">离开</button>\r\n          </div>\r\n          \r\n          <div class=\"messages-container\" ref=\"messagesContainer\">\r\n            <div \r\n              v-for=\"msg in messages\" \r\n              :key=\"msg.id\" \r\n              class=\"message-item\"\r\n              :class=\"{ 'current-user-message': isCurrentUser(msg.user_id) }\"\r\n            >\r\n              <div class=\"message-header\" :class=\"{ 'current-user-header': isCurrentUser(msg.user_id) }\">\r\n                <span class=\"username\" :class=\"{ 'current-user': isCurrentUser(msg.user_id) }\">\r\n                  {{ msg.username }}\r\n                </span>\r\n                <span class=\"timestamp\">{{ formatTime(msg.created_at) }}</span>\r\n              </div>\r\n              <div class=\"message-content\" :class=\"{ 'current-user-content': isCurrentUser(msg.user_id) }\">\r\n                {{ msg.message }}\r\n              </div>\r\n            </div>\r\n            \r\n            <div v-if=\"messages.length === 0\" class=\"no-messages\">\r\n              <p>暂无消息，开始聊天吧！</p>\r\n            </div>\r\n            \r\n            <div v-for=\"notification in notifications\" :key=\"notification.id\" class=\"notification\">\r\n              {{ notification.message }}\r\n            </div>\r\n          </div>\r\n          \r\n          <div class=\"message-input\">\r\n            <input \r\n              type=\"text\" \r\n              v-model=\"newMessage\" \r\n              placeholder=\"输入消息...\" \r\n              @keyup.enter=\"sendMessage\"\r\n            />\r\n            <button @click=\"sendMessage\" :disabled=\"!newMessage.trim()\">发送</button>\r\n          </div>\r\n        </template>\r\n      </div>\r\n    </div>\r\n    \r\n    <!-- 创建聊天室模态框 -->\r\n    <div v-if=\"showCreateRoomModal\" class=\"modal-overlay\">\r\n      <div class=\"modal-content\">\r\n        <h3>创建新聊天室</h3>\r\n        <div class=\"form-group\">\r\n          <label for=\"roomName\">聊天室名称</label>\r\n          <input \r\n            type=\"text\" \r\n            id=\"roomName\" \r\n            v-model=\"newRoomName\" \r\n            placeholder=\"输入聊天室名称\"\r\n          />\r\n        </div>\r\n        <div class=\"modal-actions\">\r\n          <button @click=\"createRoom\" class=\"create-btn\" :disabled=\"!newRoomName.trim()\">创建</button>\r\n          <button @click=\"showCreateRoomModal = false\" class=\"cancel-btn\">取消</button>\r\n        </div>\r\n      </div>\r\n    </div>\r\n  </div>\r\n</template>\r\n\r\n<script>\r\nimport axios from 'axios'\r\n\r\nexport default {\r\n  name: 'ChatRoom',\r\n  data() {\r\n    return {\r\n      loading: true,\r\n      error: null,\r\n      rooms: [],\r\n      currentRoom: null,\r\n      messages: [],\r\n      notifications: [],\r\n      newMessage: '',\r\n      newRoomName: '',\r\n      showCreateRoomModal: false,\r\n      messagesContainer: null,\r\n      currentUser: JSON.parse(localStorage.getItem('user') || '{}'),\r\n      pollingInterval: null,\r\n      isConnecting: false\r\n    }\r\n  },\r\n  created() {\r\n    this.fetchRooms()\r\n    \r\n    // 每10秒刷新房间列表\r\n    setInterval(() => {\r\n      this.fetchRooms()\r\n    }, 10000)\r\n  },\r\n  beforeUnmount() {\r\n    this.stopPolling()\r\n  },\r\n  methods: {\r\n    // 获取聊天室列表\r\n    async fetchRooms() {\r\n      this.loading = true\r\n      this.error = null\r\n      \r\n      try {\r\n        const response = await axios.get('/api/chat/rooms', { withCredentials: true })\r\n        this.rooms = response.data || []\r\n      } catch (err) {\r\n        console.error('获取聊天室列表失败:', err)\r\n        this.error = '获取聊天室列表失败，请稍后重试'\r\n      } finally {\r\n        this.loading = false\r\n      }\r\n    },\r\n    \r\n    // 创建聊天室\r\n    async createRoom() {\r\n      if (!this.newRoomName.trim()) return\r\n      \r\n      try {\r\n        const response = await axios.post('/api/chat/rooms', {\r\n          name: this.newRoomName\r\n        }, { withCredentials: true })\r\n        \r\n        this.newRoomName = ''\r\n        await this.fetchRooms()\r\n        \r\n        // 自动加入创建的房间\r\n        const newRoom = response.data\r\n        if (newRoom && newRoom.id) {\r\n          this.joinRoom(newRoom)\r\n        }\r\n      } catch (err) {\r\n        console.error('创建聊天室失败:', err)\r\n        alert('创建聊天室失败，请稍后重试')\r\n      }\r\n    },\r\n    \r\n    // 加入聊天室\r\n    async joinRoom(room) {\r\n      if (this.currentRoom && this.currentRoom.id === room.id) return\r\n      \r\n      // 停止之前的轮询\r\n      this.stopPolling()\r\n      \r\n      this.currentRoom = room\r\n      this.messages = []\r\n      this.notifications = []\r\n      \r\n      try {\r\n        // 获取聊天室历史消息\r\n        const response = await axios.get(`/api/chat/rooms/${room.id}/messages`, { withCredentials: true })\r\n        this.messages = response.data.messages\r\n        \r\n        // 开始轮询新消息\r\n        this.startPolling()\r\n        \r\n        // 滚动到底部\r\n        this.$nextTick(() => {\r\n          this.scrollToBottom()\r\n        })\r\n      } catch (err) {\r\n        console.error('加入聊天室失败:', err)\r\n        alert('加入聊天室失败，请稍后重试')\r\n        this.currentRoom = null\r\n      }\r\n    },\r\n    \r\n    // 离开聊天室\r\n    leaveRoom() {\r\n      if (!this.currentRoom) return\r\n      \r\n      // 停止轮询\r\n      this.stopPolling()\r\n      \r\n      this.currentRoom = null\r\n      this.messages = []\r\n      this.notifications = []\r\n    },\r\n    \r\n    // 发送消息\r\n    async sendMessage() {\r\n      if (!this.newMessage.trim() || !this.currentRoom) return\r\n      \r\n      try {\r\n        // 准备消息数据\r\n        const messageData = {\r\n          room_id: this.currentRoom.id,\r\n          message: this.newMessage\r\n        }\r\n        \r\n        // 发送消息\r\n        await axios.post('/api/chat/send', messageData, { \r\n          withCredentials: true,\r\n          headers: {\r\n            'Content-Type': 'application/json'\r\n          }\r\n        })\r\n        \r\n        // UDP不保证消息到达，所以这里我们模拟一条本地消息\r\n        const localMessage = {\r\n          id: Date.now(),\r\n          user_id: this.currentUser.username,\r\n          username: this.currentUser.username,\r\n          message: this.newMessage,\r\n          created_at: new Date().toISOString()\r\n        }\r\n        this.messages.push(localMessage)\r\n        \r\n        // 清空输入框\r\n        this.newMessage = ''\r\n        \r\n        // 滚动到底部\r\n        this.$nextTick(() => {\r\n          this.scrollToBottom()\r\n        })\r\n      } catch (err) {\r\n        console.error('发送消息失败:', err)\r\n      }\r\n    },\r\n    \r\n    // 开始轮询获取新消息\r\n    startPolling() {\r\n      if (this.pollingInterval) return\r\n      \r\n      this.pollingInterval = setInterval(async () => {\r\n        if (!this.currentRoom) return\r\n        \r\n        try {\r\n          // 使用POST方法，因为某些浏览器可能会缓存GET请求\r\n          const response = await axios.post(`/api/chat/poll/${this.currentRoom.id}`, {}, {\r\n            withCredentials: true\r\n          })\r\n          \r\n          // 更新消息列表，保留本地消息\r\n          if (Array.isArray(response.data) && response.data.length > 0) {\r\n            // 合并本地和服务器消息，避免重复\r\n            const existingIds = new Set(this.messages.map(m => m.id))\r\n            const newMessages = response.data.filter(m => !existingIds.has(m.id))\r\n            \r\n            if (newMessages.length > 0) {\r\n              this.messages = [...this.messages, ...newMessages]\r\n              \r\n              // 滚动到底部\r\n              this.$nextTick(() => {\r\n                this.scrollToBottom()\r\n              })\r\n            }\r\n          }\r\n        } catch (error) {\r\n          console.error('轮询消息失败', error)\r\n        }\r\n      }, 2000) // 每2秒轮询一次\r\n    },\r\n    \r\n    // 停止轮询\r\n    stopPolling() {\r\n      if (this.pollingInterval) {\r\n        clearInterval(this.pollingInterval)\r\n        this.pollingInterval = null\r\n      }\r\n    },\r\n    \r\n    // 格式化时间\r\n    formatTime(dateString) {\r\n      if (!dateString) return ''\r\n      \r\n      const date = new Date(dateString)\r\n      return date.toLocaleTimeString('zh-CN', {\r\n        hour: '2-digit',\r\n        minute: '2-digit'\r\n      })\r\n    },\r\n    \r\n    // 滚动到底部\r\n    scrollToBottom() {\r\n      const container = this.$refs.messagesContainer\r\n      if (container) {\r\n        container.scrollTop = container.scrollHeight\r\n      }\r\n    },\r\n    \r\n    // 检查是否是当前用户\r\n    isCurrentUser(userId) {\r\n      return this.currentUser && this.currentUser.id === userId\r\n    }\r\n  }\r\n}\r\n</script>\r\n\r\n<style scoped>\r\n.chat-container {\r\n  max-width: 1500px;\r\n  margin: 0 auto;\r\n  padding: 20px;\r\n}\r\n\r\n.chat-header {\r\n  text-align: center;\r\n  margin-bottom: 30px;\r\n}\r\n\r\n.chat-header h2 {\r\n  color: #8B4513;\r\n  font-size: 28px;\r\n  margin-bottom: 10px;\r\n}\r\n\r\n.subtitle {\r\n  color: #666;\r\n  font-size: 16px;\r\n}\r\n\r\n.loading, .error-message {\r\n  text-align: center;\r\n  padding: 40px 0;\r\n}\r\n\r\n.error-message {\r\n  color: #e74c3c;\r\n}\r\n\r\n.retry-button {\r\n  background-color: #8B4513;\r\n  color: white;\r\n  border: none;\r\n  padding: 8px 16px;\r\n  border-radius: 4px;\r\n  cursor: pointer;\r\n  margin-top: 10px;\r\n}\r\n\r\n.chat-content {\r\n  display: flex;\r\n  gap: 20px;\r\n  height: 600px;\r\n}\r\n\r\n/* 左侧聊天室列表 */\r\n.rooms-panel {\r\n  width: 300px;\r\n  background-color: white;\r\n  border-radius: 8px;\r\n  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.1);\r\n  overflow: hidden;\r\n  display: flex;\r\n  flex-direction: column;\r\n}\r\n\r\n.panel-header {\r\n  padding: 15px;\r\n  border-bottom: 1px solid #eee;\r\n  display: flex;\r\n  justify-content: space-between;\r\n  align-items: center;\r\n}\r\n\r\n.panel-header h3 {\r\n  margin: 0;\r\n  color: #333;\r\n  font-size: 18px;\r\n}\r\n\r\n.create-room-btn {\r\n  background-color: #8B4513;\r\n  color: white;\r\n  border: none;\r\n  padding: 6px 12px;\r\n  border-radius: 4px;\r\n  cursor: pointer;\r\n  font-size: 14px;\r\n}\r\n\r\n.room-list {\r\n  flex: 1;\r\n  overflow-y: auto;\r\n  padding: 10px;\r\n}\r\n\r\n.room-item {\r\n  padding: 12px;\r\n  border-radius: 6px;\r\n  margin-bottom: 8px;\r\n  cursor: pointer;\r\n  transition: all 0.2s;\r\n}\r\n\r\n.room-item:hover {\r\n  background-color: rgba(139, 69, 19, 0.1);\r\n}\r\n\r\n.room-item.active {\r\n  background-color: rgba(139, 69, 19, 0.2);\r\n}\r\n\r\n.room-name {\r\n  font-weight: bold;\r\n  margin-bottom: 5px;\r\n}\r\n\r\n.room-info {\r\n  font-size: 12px;\r\n  color: #666;\r\n}\r\n\r\n.no-rooms {\r\n  text-align: center;\r\n  padding: 20px;\r\n  color: #666;\r\n}\r\n\r\n/* 右侧聊天区域 */\r\n.chat-panel {\r\n  flex: 1;\r\n  width: 1000px;\r\n  background-color: white;\r\n  border-radius: 8px;\r\n  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.1);\r\n  overflow: hidden;\r\n  display: flex;\r\n  flex-direction: column;\r\n}\r\n\r\n.no-room-selected {\r\n  display: flex;\r\n  justify-content: center;\r\n  align-items: center;\r\n  height: 100%;\r\n  color: #666;\r\n  font-size: 18px;\r\n}\r\n\r\n.chat-room-header {\r\n  padding: 15px;\r\n  border-bottom: 1px solid #eee;\r\n  display: flex;\r\n  justify-content: space-between;\r\n  align-items: center;\r\n}\r\n\r\n.chat-room-header h3 {\r\n  margin: 0;\r\n  color: #333;\r\n  font-size: 18px;\r\n}\r\n\r\n.leave-room-btn {\r\n  background-color: #e74c3c;\r\n  color: white;\r\n  border: none;\r\n  padding: 6px 12px;\r\n  border-radius: 4px;\r\n  cursor: pointer;\r\n  font-size: 14px;\r\n}\r\n\r\n.messages-container {\r\n  flex: 1;\r\n  overflow-y: auto;\r\n  padding: 15px;\r\n  display: flex;\r\n  flex-direction: column;\r\n  gap: 10px;\r\n}\r\n\r\n.message-item {\r\n  max-width: 80%;\r\n  align-self: flex-start;\r\n}\r\n\r\n.current-user-message {\r\n  align-self: flex-end;\r\n}\r\n\r\n.message-header {\r\n  display: flex;\r\n  justify-content: space-between;\r\n  align-items: center;\r\n  margin-bottom: 5px;\r\n}\r\n\r\n.current-user-header {\r\n  flex-direction: row-reverse;\r\n}\r\n\r\n.username {\r\n  font-weight: bold;\r\n  color: #333;\r\n}\r\n\r\n.username.current-user {\r\n  color: #8B4513;\r\n}\r\n\r\n.timestamp {\r\n  font-size: 12px;\r\n  color: #999;\r\n}\r\n\r\n.message-content {\r\n  background-color: #f1f1f1;\r\n  padding: 10px;\r\n  border-radius: 8px;\r\n  word-break: break-word;\r\n}\r\n\r\n.current-user-content {\r\n  background-color: #8B4513;\r\n  color: white;\r\n}\r\n\r\n.no-messages {\r\n  text-align: center;\r\n  padding: 20px;\r\n  color: #666;\r\n}\r\n\r\n.notification {\r\n  text-align: center;\r\n  padding: 5px 10px;\r\n  margin: 5px 0;\r\n  background-color: rgba(139, 69, 19, 0.1);\r\n  border-radius: 15px;\r\n  color: #8B4513;\r\n  font-size: 12px;\r\n  align-self: center;\r\n}\r\n\r\n.message-input {\r\n  display: flex;\r\n  padding: 15px;\r\n  border-top: 1px solid #eee;\r\n}\r\n\r\n.message-input input {\r\n  flex: 1;\r\n  padding: 10px;\r\n  border: 1px solid #ddd;\r\n  border-radius: 4px;\r\n  font-size: 16px;\r\n  margin-right: 10px;\r\n}\r\n\r\n.message-input input:focus {\r\n  outline: none;\r\n  border-color: #8B4513;\r\n}\r\n\r\n.message-input button {\r\n  background-color: #8B4513;\r\n  color: white;\r\n  border: none;\r\n  padding: 10px 20px;\r\n  border-radius: 4px;\r\n  cursor: pointer;\r\n}\r\n\r\n.message-input button:disabled {\r\n  background-color: #ccc;\r\n  cursor: not-allowed;\r\n}\r\n\r\n/* 模态框 */\r\n.modal-overlay {\r\n  position: fixed;\r\n  top: 0;\r\n  left: 0;\r\n  right: 0;\r\n  bottom: 0;\r\n  background-color: rgba(0, 0, 0, 0.5);\r\n  display: flex;\r\n  justify-content: center;\r\n  align-items: center;\r\n  z-index: 1000;\r\n}\r\n\r\n.modal-content {\r\n  background-color: white;\r\n  padding: 20px;\r\n  border-radius: 8px;\r\n  width: 400px;\r\n  box-shadow: 0 4px 20px rgba(0, 0, 0, 0.2);\r\n}\r\n\r\n.modal-content h3 {\r\n  margin-top: 0;\r\n  color: #333;\r\n}\r\n\r\n.form-group {\r\n  margin-bottom: 20px;\r\n}\r\n\r\n.form-group label {\r\n  display: block;\r\n  margin-bottom: 5px;\r\n  font-weight: bold;\r\n}\r\n\r\n.form-group input {\r\n  width: 100%;\r\n  padding: 10px;\r\n  border: 1px solid #ddd;\r\n  border-radius: 4px;\r\n  font-size: 16px;\r\n}\r\n\r\n.modal-actions {\r\n  display: flex;\r\n  justify-content: flex-end;\r\n  gap: 10px;\r\n}\r\n\r\n.create-btn {\r\n  background-color: #8B4513;\r\n  color: white;\r\n  border: none;\r\n  padding: 8px 16px;\r\n  border-radius: 4px;\r\n  cursor: pointer;\r\n}\r\n\r\n.create-btn:disabled {\r\n  background-color: #ccc;\r\n  cursor: not-allowed;\r\n}\r\n\r\n.cancel-btn {\r\n  background-color: #f1f1f1;\r\n  color: #333;\r\n  border: none;\r\n  padding: 8px 16px;\r\n  border-radius: 4px;\r\n  cursor: pointer;\r\n}\r\n\r\n/* 响应式设计 */\r\n@media (max-width: 768px) {\r\n  .chat-content {\r\n    flex-direction: column;\r\n    height: auto;\r\n  }\r\n  \r\n  .rooms-panel {\r\n    width: 100%;\r\n    margin-bottom: 20px;\r\n    height: 300px;\r\n  }\r\n  \r\n  .chat-panel {\r\n    width: 100%;\r\n    height: 500px;\r\n  }\r\n}\r\n</style> "],"mappings":"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","ignoreList":[]},"metadata":{},"sourceType":"module","externalDependencies":[]}
\ No newline at end of file
diff --git a/goldminer/frontend/node_modules/.cache/babel-loader/a14b20bf1da3ea67acd97f53794399d3cbd4eb8348ac696b34b47ec4503228e7.json b/goldminer/frontend/node_modules/.cache/babel-loader/a14b20bf1da3ea67acd97f53794399d3cbd4eb8348ac696b34b47ec4503228e7.json
new file mode 100644
index 00000000..fe2f66c0
--- /dev/null
+++ b/goldminer/frontend/node_modules/.cache/babel-loader/a14b20bf1da3ea67acd97f53794399d3cbd4eb8348ac696b34b47ec4503228e7.json
@@ -0,0 +1 @@
+{"ast":null,"code":"import { createElementVNode as _createElementVNode, openBlock as _openBlock, createElementBlock as _createElementBlock, createCommentVNode as _createCommentVNode, toDisplayString as _toDisplayString, renderList as _renderList, Fragment as _Fragment, normalizeClass as _normalizeClass, vModelText as _vModelText, withKeys as _withKeys, withDirectives as _withDirectives } from \"vue\";\nconst _hoisted_1 = {\n  class: \"chat-container\"\n};\nconst _hoisted_2 = {\n  key: 0,\n  class: \"loading\"\n};\nconst _hoisted_3 = {\n  key: 1,\n  class: \"error-message\"\n};\nconst _hoisted_4 = {\n  key: 2,\n  class: \"chat-content\"\n};\nconst _hoisted_5 = {\n  class: \"rooms-panel\"\n};\nconst _hoisted_6 = {\n  class: \"panel-header\"\n};\nconst _hoisted_7 = {\n  class: \"room-list\"\n};\nconst _hoisted_8 = [\"onClick\"];\nconst _hoisted_9 = {\n  class: \"room-name\"\n};\nconst _hoisted_10 = {\n  class: \"room-creator\"\n};\nconst _hoisted_11 = {\n  key: 0,\n  class: \"no-rooms\"\n};\nconst _hoisted_12 = {\n  class: \"chat-panel\"\n};\nconst _hoisted_13 = {\n  key: 0,\n  class: \"no-room-selected\"\n};\nconst _hoisted_14 = {\n  class: \"chat-room-header\"\n};\nconst _hoisted_15 = {\n  class: \"messages-container\",\n  ref: \"messagesContainer\"\n};\nconst _hoisted_16 = {\n  class: \"timestamp\"\n};\nconst _hoisted_17 = {\n  key: 0,\n  class: \"no-messages\"\n};\nconst _hoisted_18 = {\n  class: \"message-input\"\n};\nconst _hoisted_19 = [\"disabled\"];\nconst _hoisted_20 = {\n  key: 3,\n  class: \"modal-overlay\"\n};\nconst _hoisted_21 = {\n  class: \"modal-content\"\n};\nconst _hoisted_22 = {\n  class: \"form-group\"\n};\nconst _hoisted_23 = {\n  class: \"modal-actions\"\n};\nconst _hoisted_24 = [\"disabled\"];\nexport function render(_ctx, _cache, $props, $setup, $data, $options) {\n  return _openBlock(), _createElementBlock(\"div\", _hoisted_1, [_cache[16] || (_cache[16] = _createElementVNode(\"div\", {\n    class: \"chat-header\"\n  }, [_createElementVNode(\"h2\", null, \"游戏聊天室\"), _createElementVNode(\"p\", {\n    class: \"subtitle\"\n  }, \"与其他玩家交流游戏心得\")], -1 /* HOISTED */)), $data.loading ? (_openBlock(), _createElementBlock(\"div\", _hoisted_2, _cache[9] || (_cache[9] = [_createElementVNode(\"p\", null, \"加载中...\", -1 /* HOISTED */)]))) : $data.error ? (_openBlock(), _createElementBlock(\"div\", _hoisted_3, [_createElementVNode(\"p\", null, _toDisplayString($data.error), 1 /* TEXT */), _createElementVNode(\"button\", {\n    onClick: _cache[0] || (_cache[0] = (...args) => $options.fetchRooms && $options.fetchRooms(...args)),\n    class: \"retry-button\"\n  }, \"重试\")])) : (_openBlock(), _createElementBlock(\"div\", _hoisted_4, [_createCommentVNode(\" 左侧聊天室列表 \"), _createElementVNode(\"div\", _hoisted_5, [_createElementVNode(\"div\", _hoisted_6, [_cache[10] || (_cache[10] = _createElementVNode(\"h3\", null, \"聊天室列表\", -1 /* HOISTED */)), _createElementVNode(\"button\", {\n    onClick: _cache[1] || (_cache[1] = $event => $data.showCreateRoomModal = true),\n    class: \"create-room-btn\"\n  }, \" 创建聊天室 \")]), _createElementVNode(\"div\", _hoisted_7, [(_openBlock(true), _createElementBlock(_Fragment, null, _renderList($data.rooms, room => {\n    return _openBlock(), _createElementBlock(\"div\", {\n      key: room.id,\n      class: _normalizeClass([\"room-item\", {\n        active: $data.currentRoom && $data.currentRoom.id === room.id\n      }]),\n      onClick: $event => $options.joinRoom(room)\n    }, [_createElementVNode(\"div\", _hoisted_9, _toDisplayString(room.name), 1 /* TEXT */), _createElementVNode(\"div\", _hoisted_10, \"创建者: \" + _toDisplayString(room.creator), 1 /* TEXT */)], 10 /* CLASS, PROPS */, _hoisted_8);\n  }), 128 /* KEYED_FRAGMENT */)), $data.rooms.length === 0 ? (_openBlock(), _createElementBlock(\"div\", _hoisted_11, _cache[11] || (_cache[11] = [_createElementVNode(\"p\", null, \"暂无聊天室，创建一个吧！\", -1 /* HOISTED */)]))) : _createCommentVNode(\"v-if\", true)])]), _createCommentVNode(\" 右侧聊天区域 \"), _createElementVNode(\"div\", _hoisted_12, [!$data.currentRoom ? (_openBlock(), _createElementBlock(\"div\", _hoisted_13, _cache[12] || (_cache[12] = [_createElementVNode(\"p\", null, \"请选择或创建一个聊天室\", -1 /* HOISTED */)]))) : (_openBlock(), _createElementBlock(_Fragment, {\n    key: 1\n  }, [_createElementVNode(\"div\", _hoisted_14, [_createElementVNode(\"h3\", null, _toDisplayString($data.currentRoom.name), 1 /* TEXT */), _createElementVNode(\"button\", {\n    onClick: _cache[2] || (_cache[2] = (...args) => $options.leaveRoom && $options.leaveRoom(...args)),\n    class: \"leave-room-btn\"\n  }, \"离开\")]), _createElementVNode(\"div\", _hoisted_15, [(_openBlock(true), _createElementBlock(_Fragment, null, _renderList($data.messages, msg => {\n    return _openBlock(), _createElementBlock(\"div\", {\n      key: msg.id,\n      class: _normalizeClass([\"message-item\", {\n        'current-user-message': $options.isCurrentUser(msg.user_id)\n      }])\n    }, [_createElementVNode(\"div\", {\n      class: _normalizeClass([\"message-header\", {\n        'current-user-header': $options.isCurrentUser(msg.user_id)\n      }])\n    }, [_createElementVNode(\"span\", {\n      class: _normalizeClass([\"username\", {\n        'current-user': $options.isCurrentUser(msg.user_id)\n      }])\n    }, _toDisplayString(msg.username), 3 /* TEXT, CLASS */), _createElementVNode(\"span\", _hoisted_16, _toDisplayString($options.formatTime(msg.created_at)), 1 /* TEXT */)], 2 /* CLASS */), _createElementVNode(\"div\", {\n      class: _normalizeClass([\"message-content\", {\n        'current-user-content': $options.isCurrentUser(msg.user_id)\n      }])\n    }, _toDisplayString(msg.message), 3 /* TEXT, CLASS */)], 2 /* CLASS */);\n  }), 128 /* KEYED_FRAGMENT */)), $data.messages.length === 0 ? (_openBlock(), _createElementBlock(\"div\", _hoisted_17, _cache[13] || (_cache[13] = [_createElementVNode(\"p\", null, \"暂无消息，开始聊天吧！\", -1 /* HOISTED */)]))) : _createCommentVNode(\"v-if\", true), (_openBlock(true), _createElementBlock(_Fragment, null, _renderList($data.notifications, notification => {\n    return _openBlock(), _createElementBlock(\"div\", {\n      key: notification.id,\n      class: \"notification\"\n    }, _toDisplayString(notification.message), 1 /* TEXT */);\n  }), 128 /* KEYED_FRAGMENT */))], 512 /* NEED_PATCH */), _createElementVNode(\"div\", _hoisted_18, [_withDirectives(_createElementVNode(\"input\", {\n    type: \"text\",\n    \"onUpdate:modelValue\": _cache[3] || (_cache[3] = $event => $data.newMessage = $event),\n    placeholder: \"输入消息...\",\n    onKeyup: _cache[4] || (_cache[4] = _withKeys((...args) => $options.sendMessage && $options.sendMessage(...args), [\"enter\"]))\n  }, null, 544 /* NEED_HYDRATION, NEED_PATCH */), [[_vModelText, $data.newMessage]]), _createElementVNode(\"button\", {\n    onClick: _cache[5] || (_cache[5] = (...args) => $options.sendMessage && $options.sendMessage(...args)),\n    disabled: !$data.newMessage.trim()\n  }, \"发送\", 8 /* PROPS */, _hoisted_19)])], 64 /* STABLE_FRAGMENT */))])])), _createCommentVNode(\" 创建聊天室模态框 \"), $data.showCreateRoomModal ? (_openBlock(), _createElementBlock(\"div\", _hoisted_20, [_createElementVNode(\"div\", _hoisted_21, [_cache[15] || (_cache[15] = _createElementVNode(\"h3\", null, \"创建新聊天室\", -1 /* HOISTED */)), _createElementVNode(\"div\", _hoisted_22, [_cache[14] || (_cache[14] = _createElementVNode(\"label\", {\n    for: \"roomName\"\n  }, \"聊天室名称\", -1 /* HOISTED */)), _withDirectives(_createElementVNode(\"input\", {\n    type: \"text\",\n    id: \"roomName\",\n    \"onUpdate:modelValue\": _cache[6] || (_cache[6] = $event => $data.newRoomName = $event),\n    placeholder: \"输入聊天室名称\"\n  }, null, 512 /* NEED_PATCH */), [[_vModelText, $data.newRoomName]])]), _createElementVNode(\"div\", _hoisted_23, [_createElementVNode(\"button\", {\n    onClick: _cache[7] || (_cache[7] = (...args) => $options.createRoom && $options.createRoom(...args)),\n    class: \"create-btn\",\n    disabled: !$data.newRoomName.trim()\n  }, \"创建\", 8 /* PROPS */, _hoisted_24), _createElementVNode(\"button\", {\n    onClick: _cache[8] || (_cache[8] = $event => $data.showCreateRoomModal = false),\n    class: \"cancel-btn\"\n  }, \"取消\")])])])) : _createCommentVNode(\"v-if\", true)]);\n}","map":{"version":3,"names":["class","ref","_createElementBlock","_hoisted_1","_createElementVNode","$data","loading","_hoisted_2","_cache","error","_hoisted_3","_toDisplayString","onClick","args","$options","fetchRooms","_hoisted_4","_createCommentVNode","_hoisted_5","_hoisted_6","$event","showCreateRoomModal","_hoisted_7","_Fragment","_renderList","rooms","room","key","id","_normalizeClass","active","currentRoom","joinRoom","_hoisted_9","name","_hoisted_10","creator","length","_hoisted_11","_hoisted_12","_hoisted_13","_hoisted_14","leaveRoom","_hoisted_15","messages","msg","isCurrentUser","user_id","username","_hoisted_16","formatTime","created_at","message","_hoisted_17","notifications","notification","_hoisted_18","type","newMessage","placeholder","onKeyup","_withKeys","sendMessage","disabled","trim","_hoisted_19","_hoisted_20","_hoisted_21","_hoisted_22","for","newRoomName","_hoisted_23","createRoom","_hoisted_24"],"sources":["D:\\学习\\网络应用程序开发\\pdf\\goldminer\\frontend\\src\\components\\ChatRoom.vue"],"sourcesContent":["<template>\r\n  <div class=\"chat-container\">\r\n    <div class=\"chat-header\">\r\n      <h2>游戏聊天室</h2>\r\n      <p class=\"subtitle\">与其他玩家交流游戏心得</p>\r\n    </div>\r\n    \r\n    <div v-if=\"loading\" class=\"loading\">\r\n      <p>加载中...</p>\r\n    </div>\r\n    \r\n    <div v-else-if=\"error\" class=\"error-message\">\r\n      <p>{{ error }}</p>\r\n      <button @click=\"fetchRooms\" class=\"retry-button\">重试</button>\r\n    </div>\r\n    \r\n    <div v-else class=\"chat-content\">\r\n      <!-- 左侧聊天室列表 -->\r\n      <div class=\"rooms-panel\">\r\n        <div class=\"panel-header\">\r\n          <h3>聊天室列表</h3>\r\n          <button @click=\"showCreateRoomModal = true\" class=\"create-room-btn\">\r\n            创建聊天室\r\n          </button>\r\n        </div>\r\n        \r\n        <div class=\"room-list\">\r\n          <div \r\n            v-for=\"room in rooms\" \r\n            :key=\"room.id\" \r\n            class=\"room-item\"\r\n            :class=\"{ active: currentRoom && currentRoom.id === room.id }\"\r\n            @click=\"joinRoom(room)\"\r\n          >\r\n            <div class=\"room-name\">{{ room.name }}</div>\r\n            <div class=\"room-creator\">创建者: {{ room.creator }}</div>\r\n          </div>\r\n          \r\n          <div v-if=\"rooms.length === 0\" class=\"no-rooms\">\r\n            <p>暂无聊天室，创建一个吧！</p>\r\n          </div>\r\n        </div>\r\n      </div>\r\n      \r\n      <!-- 右侧聊天区域 -->\r\n      <div class=\"chat-panel\">\r\n        <div v-if=\"!currentRoom\" class=\"no-room-selected\">\r\n          <p>请选择或创建一个聊天室</p>\r\n        </div>\r\n        \r\n        <template v-else>\r\n          <div class=\"chat-room-header\">\r\n            <h3>{{ currentRoom.name }}</h3>\r\n            <button @click=\"leaveRoom\" class=\"leave-room-btn\">离开</button>\r\n          </div>\r\n          \r\n          <div class=\"messages-container\" ref=\"messagesContainer\">\r\n            <div \r\n              v-for=\"msg in messages\" \r\n              :key=\"msg.id\" \r\n              class=\"message-item\"\r\n              :class=\"{ 'current-user-message': isCurrentUser(msg.user_id) }\"\r\n            >\r\n              <div class=\"message-header\" :class=\"{ 'current-user-header': isCurrentUser(msg.user_id) }\">\r\n                <span class=\"username\" :class=\"{ 'current-user': isCurrentUser(msg.user_id) }\">\r\n                  {{ msg.username }}\r\n                </span>\r\n                <span class=\"timestamp\">{{ formatTime(msg.created_at) }}</span>\r\n              </div>\r\n              <div class=\"message-content\" :class=\"{ 'current-user-content': isCurrentUser(msg.user_id) }\">\r\n                {{ msg.message }}\r\n              </div>\r\n            </div>\r\n            \r\n            <div v-if=\"messages.length === 0\" class=\"no-messages\">\r\n              <p>暂无消息，开始聊天吧！</p>\r\n            </div>\r\n            \r\n            <div v-for=\"notification in notifications\" :key=\"notification.id\" class=\"notification\">\r\n              {{ notification.message }}\r\n            </div>\r\n          </div>\r\n          \r\n          <div class=\"message-input\">\r\n            <input \r\n              type=\"text\" \r\n              v-model=\"newMessage\" \r\n              placeholder=\"输入消息...\" \r\n              @keyup.enter=\"sendMessage\"\r\n            />\r\n            <button @click=\"sendMessage\" :disabled=\"!newMessage.trim()\">发送</button>\r\n          </div>\r\n        </template>\r\n      </div>\r\n    </div>\r\n    \r\n    <!-- 创建聊天室模态框 -->\r\n    <div v-if=\"showCreateRoomModal\" class=\"modal-overlay\">\r\n      <div class=\"modal-content\">\r\n        <h3>创建新聊天室</h3>\r\n        <div class=\"form-group\">\r\n          <label for=\"roomName\">聊天室名称</label>\r\n          <input \r\n            type=\"text\" \r\n            id=\"roomName\" \r\n            v-model=\"newRoomName\" \r\n            placeholder=\"输入聊天室名称\"\r\n          />\r\n        </div>\r\n        <div class=\"modal-actions\">\r\n          <button @click=\"createRoom\" class=\"create-btn\" :disabled=\"!newRoomName.trim()\">创建</button>\r\n          <button @click=\"showCreateRoomModal = false\" class=\"cancel-btn\">取消</button>\r\n        </div>\r\n      </div>\r\n    </div>\r\n  </div>\r\n</template>\r\n\r\n<script>\r\nimport axios from 'axios'\r\n\r\nexport default {\r\n  name: 'ChatRoom',\r\n  data() {\r\n    return {\r\n      loading: true,\r\n      error: null,\r\n      rooms: [],\r\n      currentRoom: null,\r\n      messages: [],\r\n      notifications: [],\r\n      newMessage: '',\r\n      newRoomName: '',\r\n      showCreateRoomModal: false,\r\n      messagesContainer: null,\r\n      currentUser: JSON.parse(localStorage.getItem('user') || '{}'),\r\n      pollingInterval: null,\r\n      isConnecting: false\r\n    }\r\n  },\r\n  created() {\r\n    this.fetchRooms()\r\n    \r\n    // 每10秒刷新房间列表\r\n    setInterval(() => {\r\n      this.fetchRooms()\r\n    }, 10000)\r\n  },\r\n  beforeUnmount() {\r\n    this.stopPolling()\r\n  },\r\n  methods: {\r\n    // 获取聊天室列表\r\n    async fetchRooms() {\r\n      this.loading = true\r\n      this.error = null\r\n      \r\n      try {\r\n        const response = await axios.get('/api/chat/rooms', { withCredentials: true })\r\n        this.rooms = response.data.rooms\r\n      } catch (err) {\r\n        console.error('获取聊天室列表失败:', err)\r\n        this.error = '获取聊天室列表失败，请稍后重试'\r\n      } finally {\r\n        this.loading = false\r\n      }\r\n    },\r\n    \r\n    // 创建聊天室\r\n    async createRoom() {\r\n      if (!this.newRoomName.trim()) return\r\n      \r\n      try {\r\n        const response = await axios.post('/api/chat/rooms', {\r\n          name: this.newRoomName\r\n        }, { withCredentials: true })\r\n        \r\n        this.newRoomName = ''\r\n        await this.fetchRooms()\r\n        \r\n        // 自动加入创建的房间\r\n        this.joinRoom(response.data.room)\r\n      } catch (err) {\r\n        console.error('创建聊天室失败:', err)\r\n        alert('创建聊天室失败，请稍后重试')\r\n      }\r\n    },\r\n    \r\n    // 加入聊天室\r\n    async joinRoom(room) {\r\n      if (this.currentRoom && this.currentRoom.id === room.id) return\r\n      \r\n      // 停止之前的轮询\r\n      this.stopPolling()\r\n      \r\n      this.currentRoom = room\r\n      this.messages = []\r\n      this.notifications = []\r\n      \r\n      try {\r\n        // 获取聊天室历史消息\r\n        const response = await axios.get(`/api/chat/rooms/${room.id}/messages`, { withCredentials: true })\r\n        this.messages = response.data.messages\r\n        \r\n        // 开始轮询新消息\r\n        this.startPolling()\r\n        \r\n        // 滚动到底部\r\n        this.$nextTick(() => {\r\n          this.scrollToBottom()\r\n        })\r\n      } catch (err) {\r\n        console.error('加入聊天室失败:', err)\r\n        alert('加入聊天室失败，请稍后重试')\r\n        this.currentRoom = null\r\n      }\r\n    },\r\n    \r\n    // 离开聊天室\r\n    leaveRoom() {\r\n      if (!this.currentRoom) return\r\n      \r\n      // 停止轮询\r\n      this.stopPolling()\r\n      \r\n      this.currentRoom = null\r\n      this.messages = []\r\n      this.notifications = []\r\n    },\r\n    \r\n    // 发送消息\r\n    async sendMessage() {\r\n      if (!this.newMessage.trim() || !this.currentRoom) return\r\n      \r\n      try {\r\n        await axios.post('/api/chat/send', {\r\n          room_id: this.currentRoom.id,\r\n          message: this.newMessage\r\n        }, { withCredentials: true })\r\n        \r\n        // UDP不保证消息到达，所以这里我们模拟一条本地消息\r\n        const localMessage = {\r\n          id: Date.now(),\r\n          user_id: this.currentUser.username,\r\n          username: this.currentUser.username,\r\n          message: this.newMessage,\r\n          created_at: new Date().toISOString()\r\n        }\r\n        this.messages.push(localMessage)\r\n        \r\n        // 清空输入框\r\n        this.newMessage = ''\r\n        \r\n        // 滚动到底部\r\n        this.$nextTick(() => {\r\n          this.scrollToBottom()\r\n        })\r\n      } catch (err) {\r\n        console.error('发送消息失败:', err)\r\n      }\r\n    },\r\n    \r\n    // 开始轮询获取新消息\r\n    startPolling() {\r\n      if (this.pollingInterval) return\r\n      \r\n      this.pollingInterval = setInterval(async () => {\r\n        if (!this.currentRoom) return\r\n        \r\n        try {\r\n          const response = await axios.get(`/api/chat/poll/${this.currentRoom.id}`, {\r\n            withCredentials: true\r\n          })\r\n          \r\n          // 更新消息列表，保留本地消息\r\n          if (response.data && response.data.length > 0) {\r\n            // 合并本地和服务器消息，避免重复\r\n            const existingIds = new Set(this.messages.map(m => m.id))\r\n            const newMessages = response.data.filter(m => !existingIds.has(m.id))\r\n            \r\n            if (newMessages.length > 0) {\r\n              this.messages = [...this.messages, ...newMessages]\r\n              \r\n              // 滚动到底部\r\n              this.$nextTick(() => {\r\n                this.scrollToBottom()\r\n              })\r\n            }\r\n          }\r\n        } catch (error) {\r\n          console.error('轮询消息失败', error)\r\n        }\r\n      }, 2000) // 每2秒轮询一次\r\n    },\r\n    \r\n    // 停止轮询\r\n    stopPolling() {\r\n      if (this.pollingInterval) {\r\n        clearInterval(this.pollingInterval)\r\n        this.pollingInterval = null\r\n      }\r\n    },\r\n    \r\n    // 格式化时间\r\n    formatTime(dateString) {\r\n      if (!dateString) return ''\r\n      \r\n      const date = new Date(dateString)\r\n      return date.toLocaleTimeString('zh-CN', {\r\n        hour: '2-digit',\r\n        minute: '2-digit'\r\n      })\r\n    },\r\n    \r\n    // 滚动到底部\r\n    scrollToBottom() {\r\n      const container = this.$refs.messagesContainer\r\n      if (container) {\r\n        container.scrollTop = container.scrollHeight\r\n      }\r\n    },\r\n    \r\n    // 检查是否是当前用户\r\n    isCurrentUser(userId) {\r\n      return this.currentUser && this.currentUser.id === userId\r\n    }\r\n  }\r\n}\r\n</script>\r\n\r\n<style scoped>\r\n.chat-container {\r\n  max-width: 1500px;\r\n  margin: 0 auto;\r\n  padding: 20px;\r\n}\r\n\r\n.chat-header {\r\n  text-align: center;\r\n  margin-bottom: 30px;\r\n}\r\n\r\n.chat-header h2 {\r\n  color: #8B4513;\r\n  font-size: 28px;\r\n  margin-bottom: 10px;\r\n}\r\n\r\n.subtitle {\r\n  color: #666;\r\n  font-size: 16px;\r\n}\r\n\r\n.loading, .error-message {\r\n  text-align: center;\r\n  padding: 40px 0;\r\n}\r\n\r\n.error-message {\r\n  color: #e74c3c;\r\n}\r\n\r\n.retry-button {\r\n  background-color: #8B4513;\r\n  color: white;\r\n  border: none;\r\n  padding: 8px 16px;\r\n  border-radius: 4px;\r\n  cursor: pointer;\r\n  margin-top: 10px;\r\n}\r\n\r\n.chat-content {\r\n  display: flex;\r\n  gap: 20px;\r\n  height: 600px;\r\n}\r\n\r\n/* 左侧聊天室列表 */\r\n.rooms-panel {\r\n  width: 300px;\r\n  background-color: white;\r\n  border-radius: 8px;\r\n  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.1);\r\n  overflow: hidden;\r\n  display: flex;\r\n  flex-direction: column;\r\n}\r\n\r\n.panel-header {\r\n  padding: 15px;\r\n  border-bottom: 1px solid #eee;\r\n  display: flex;\r\n  justify-content: space-between;\r\n  align-items: center;\r\n}\r\n\r\n.panel-header h3 {\r\n  margin: 0;\r\n  color: #333;\r\n  font-size: 18px;\r\n}\r\n\r\n.create-room-btn {\r\n  background-color: #8B4513;\r\n  color: white;\r\n  border: none;\r\n  padding: 6px 12px;\r\n  border-radius: 4px;\r\n  cursor: pointer;\r\n  font-size: 14px;\r\n}\r\n\r\n.room-list {\r\n  flex: 1;\r\n  overflow-y: auto;\r\n  padding: 10px;\r\n}\r\n\r\n.room-item {\r\n  padding: 12px;\r\n  border-radius: 6px;\r\n  margin-bottom: 8px;\r\n  cursor: pointer;\r\n  transition: all 0.2s;\r\n}\r\n\r\n.room-item:hover {\r\n  background-color: rgba(139, 69, 19, 0.1);\r\n}\r\n\r\n.room-item.active {\r\n  background-color: rgba(139, 69, 19, 0.2);\r\n}\r\n\r\n.room-name {\r\n  font-weight: bold;\r\n  margin-bottom: 5px;\r\n}\r\n\r\n.room-creator {\r\n  font-size: 12px;\r\n  color: #666;\r\n}\r\n\r\n.no-rooms {\r\n  text-align: center;\r\n  padding: 20px;\r\n  color: #666;\r\n}\r\n\r\n/* 右侧聊天区域 */\r\n.chat-panel {\r\n  flex: 1;\r\n  width: 1000px;\r\n  background-color: white;\r\n  border-radius: 8px;\r\n  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.1);\r\n  overflow: hidden;\r\n  display: flex;\r\n  flex-direction: column;\r\n}\r\n\r\n.no-room-selected {\r\n  display: flex;\r\n  justify-content: center;\r\n  align-items: center;\r\n  height: 100%;\r\n  color: #666;\r\n  font-size: 18px;\r\n}\r\n\r\n.chat-room-header {\r\n  padding: 15px;\r\n  border-bottom: 1px solid #eee;\r\n  display: flex;\r\n  justify-content: space-between;\r\n  align-items: center;\r\n}\r\n\r\n.chat-room-header h3 {\r\n  margin: 0;\r\n  color: #333;\r\n  font-size: 18px;\r\n}\r\n\r\n.leave-room-btn {\r\n  background-color: #e74c3c;\r\n  color: white;\r\n  border: none;\r\n  padding: 6px 12px;\r\n  border-radius: 4px;\r\n  cursor: pointer;\r\n  font-size: 14px;\r\n}\r\n\r\n.messages-container {\r\n  flex: 1;\r\n  overflow-y: auto;\r\n  padding: 15px;\r\n  display: flex;\r\n  flex-direction: column;\r\n  gap: 10px;\r\n}\r\n\r\n.message-item {\r\n  max-width: 80%;\r\n  align-self: flex-start;\r\n}\r\n\r\n.current-user-message {\r\n  align-self: flex-end;\r\n}\r\n\r\n.message-header {\r\n  display: flex;\r\n  justify-content: space-between;\r\n  align-items: center;\r\n  margin-bottom: 5px;\r\n}\r\n\r\n.current-user-header {\r\n  flex-direction: row-reverse;\r\n}\r\n\r\n.username {\r\n  font-weight: bold;\r\n  color: #333;\r\n}\r\n\r\n.username.current-user {\r\n  color: #8B4513;\r\n}\r\n\r\n.timestamp {\r\n  font-size: 12px;\r\n  color: #999;\r\n}\r\n\r\n.message-content {\r\n  background-color: #f1f1f1;\r\n  padding: 10px;\r\n  border-radius: 8px;\r\n  word-break: break-word;\r\n}\r\n\r\n.current-user-content {\r\n  background-color: #8B4513;\r\n  color: white;\r\n}\r\n\r\n.no-messages {\r\n  text-align: center;\r\n  padding: 20px;\r\n  color: #666;\r\n}\r\n\r\n.notification {\r\n  text-align: center;\r\n  padding: 5px 10px;\r\n  margin: 5px 0;\r\n  background-color: rgba(139, 69, 19, 0.1);\r\n  border-radius: 15px;\r\n  color: #8B4513;\r\n  font-size: 12px;\r\n  align-self: center;\r\n}\r\n\r\n.message-input {\r\n  display: flex;\r\n  padding: 15px;\r\n  border-top: 1px solid #eee;\r\n}\r\n\r\n.message-input input {\r\n  flex: 1;\r\n  padding: 10px;\r\n  border: 1px solid #ddd;\r\n  border-radius: 4px;\r\n  font-size: 16px;\r\n  margin-right: 10px;\r\n}\r\n\r\n.message-input input:focus {\r\n  outline: none;\r\n  border-color: #8B4513;\r\n}\r\n\r\n.message-input button {\r\n  background-color: #8B4513;\r\n  color: white;\r\n  border: none;\r\n  padding: 10px 20px;\r\n  border-radius: 4px;\r\n  cursor: pointer;\r\n}\r\n\r\n.message-input button:disabled {\r\n  background-color: #ccc;\r\n  cursor: not-allowed;\r\n}\r\n\r\n/* 模态框 */\r\n.modal-overlay {\r\n  position: fixed;\r\n  top: 0;\r\n  left: 0;\r\n  right: 0;\r\n  bottom: 0;\r\n  background-color: rgba(0, 0, 0, 0.5);\r\n  display: flex;\r\n  justify-content: center;\r\n  align-items: center;\r\n  z-index: 1000;\r\n}\r\n\r\n.modal-content {\r\n  background-color: white;\r\n  padding: 20px;\r\n  border-radius: 8px;\r\n  width: 400px;\r\n  box-shadow: 0 4px 20px rgba(0, 0, 0, 0.2);\r\n}\r\n\r\n.modal-content h3 {\r\n  margin-top: 0;\r\n  color: #333;\r\n}\r\n\r\n.form-group {\r\n  margin-bottom: 20px;\r\n}\r\n\r\n.form-group label {\r\n  display: block;\r\n  margin-bottom: 5px;\r\n  font-weight: bold;\r\n}\r\n\r\n.form-group input {\r\n  width: 100%;\r\n  padding: 10px;\r\n  border: 1px solid #ddd;\r\n  border-radius: 4px;\r\n  font-size: 16px;\r\n}\r\n\r\n.modal-actions {\r\n  display: flex;\r\n  justify-content: flex-end;\r\n  gap: 10px;\r\n}\r\n\r\n.create-btn {\r\n  background-color: #8B4513;\r\n  color: white;\r\n  border: none;\r\n  padding: 8px 16px;\r\n  border-radius: 4px;\r\n  cursor: pointer;\r\n}\r\n\r\n.create-btn:disabled {\r\n  background-color: #ccc;\r\n  cursor: not-allowed;\r\n}\r\n\r\n.cancel-btn {\r\n  background-color: #f1f1f1;\r\n  color: #333;\r\n  border: none;\r\n  padding: 8px 16px;\r\n  border-radius: 4px;\r\n  cursor: pointer;\r\n}\r\n\r\n/* 响应式设计 */\r\n@media (max-width: 768px) {\r\n  .chat-content {\r\n    flex-direction: column;\r\n    height: auto;\r\n  }\r\n  \r\n  .rooms-panel {\r\n    width: 100%;\r\n    margin-bottom: 20px;\r\n    height: 300px;\r\n  }\r\n  \r\n  .chat-panel {\r\n    width: 100%;\r\n    height: 500px;\r\n  }\r\n}\r\n</style> "],"mappings":";;EACOA,KAAK,EAAC;AAAgB;;;EAMLA,KAAK,EAAC;;;;EAIHA,KAAK,EAAC;;;;EAKjBA,KAAK,EAAC;;;EAEXA,KAAK,EAAC;AAAa;;EACjBA,KAAK,EAAC;AAAc;;EAOpBA,KAAK,EAAC;AAAW;;;EAQbA,KAAK,EAAC;AAAW;;EACjBA,KAAK,EAAC;AAAc;;;EAGIA,KAAK,EAAC;;;EAOpCA,KAAK,EAAC;AAAY;;;EACIA,KAAK,EAAC;;;EAKxBA,KAAK,EAAC;AAAkB;;EAKxBA,KAAK,EAAC,oBAAoB;EAACC,GAAG,EAAC;;;EAWxBD,KAAK,EAAC;AAAW;;;EAOOA,KAAK,EAAC;;;EASrCA,KAAK,EAAC;AAAe;;;;EAcAA,KAAK,EAAC;;;EAC/BA,KAAK,EAAC;AAAe;;EAEnBA,KAAK,EAAC;AAAY;;EASlBA,KAAK,EAAC;AAAe;;;uBA5GhCE,mBAAA,CAkHM,OAlHNC,UAkHM,G,4BAjHJC,mBAAA,CAGM;IAHDJ,KAAK,EAAC;EAAa,IACtBI,mBAAA,CAAc,YAAV,OAAK,GACTA,mBAAA,CAAmC;IAAhCJ,KAAK,EAAC;EAAU,GAAC,aAAW,E,sBAGtBK,KAAA,CAAAC,OAAO,I,cAAlBJ,mBAAA,CAEM,OAFNK,UAEM,EAAAC,MAAA,QAAAA,MAAA,OADJJ,mBAAA,CAAa,WAAV,QAAM,oB,MAGKC,KAAA,CAAAI,KAAK,I,cAArBP,mBAAA,CAGM,OAHNQ,UAGM,GAFJN,mBAAA,CAAkB,WAAAO,gBAAA,CAAZN,KAAA,CAAAI,KAAK,kBACXL,mBAAA,CAA4D;IAAnDQ,OAAK,EAAAJ,MAAA,QAAAA,MAAA,UAAAK,IAAA,KAAEC,QAAA,CAAAC,UAAA,IAAAD,QAAA,CAAAC,UAAA,IAAAF,IAAA,CAAU;IAAEb,KAAK,EAAC;KAAe,IAAE,E,oBAGrDE,mBAAA,CA8EM,OA9ENc,UA8EM,GA7EJC,mBAAA,aAAgB,EAChBb,mBAAA,CAwBM,OAxBNc,UAwBM,GAvBJd,mBAAA,CAKM,OALNe,UAKM,G,4BAJJf,mBAAA,CAAc,YAAV,OAAK,sBACTA,mBAAA,CAES;IAFAQ,OAAK,EAAAJ,MAAA,QAAAA,MAAA,MAAAY,MAAA,IAAEf,KAAA,CAAAgB,mBAAmB;IAASrB,KAAK,EAAC;KAAkB,SAEpE,E,GAGFI,mBAAA,CAeM,OAfNkB,UAeM,I,kBAdJpB,mBAAA,CASMqB,SAAA,QAAAC,WAAA,CARWnB,KAAA,CAAAoB,KAAK,EAAbC,IAAI;yBADbxB,mBAAA,CASM;MAPHyB,GAAG,EAAED,IAAI,CAACE,EAAE;MACb5B,KAAK,EAAA6B,eAAA,EAAC,WAAW;QAAAC,MAAA,EACCzB,KAAA,CAAA0B,WAAW,IAAI1B,KAAA,CAAA0B,WAAW,CAACH,EAAE,KAAKF,IAAI,CAACE;MAAE;MAC1DhB,OAAK,EAAAQ,MAAA,IAAEN,QAAA,CAAAkB,QAAQ,CAACN,IAAI;QAErBtB,mBAAA,CAA4C,OAA5C6B,UAA4C,EAAAtB,gBAAA,CAAlBe,IAAI,CAACQ,IAAI,kBACnC9B,mBAAA,CAAuD,OAAvD+B,WAAuD,EAA7B,OAAK,GAAAxB,gBAAA,CAAGe,IAAI,CAACU,OAAO,iB;kCAGrC/B,KAAA,CAAAoB,KAAK,CAACY,MAAM,U,cAAvBnC,mBAAA,CAEM,OAFNoC,WAEM,EAAA9B,MAAA,SAAAA,MAAA,QADJJ,mBAAA,CAAmB,WAAhB,cAAY,oB,6CAKrBa,mBAAA,YAAe,EACfb,mBAAA,CAgDM,OAhDNmC,WAgDM,G,CA/CQlC,KAAA,CAAA0B,WAAW,I,cAAvB7B,mBAAA,CAEM,OAFNsC,WAEM,EAAAhC,MAAA,SAAAA,MAAA,QADJJ,mBAAA,CAAkB,WAAf,aAAW,oB,qBAGhBF,mBAAA,CA0CWqB,SAAA;IAAAI,GAAA;EAAA,IAzCTvB,mBAAA,CAGM,OAHNqC,WAGM,GAFJrC,mBAAA,CAA+B,YAAAO,gBAAA,CAAxBN,KAAA,CAAA0B,WAAW,CAACG,IAAI,kBACvB9B,mBAAA,CAA6D;IAApDQ,OAAK,EAAAJ,MAAA,QAAAA,MAAA,UAAAK,IAAA,KAAEC,QAAA,CAAA4B,SAAA,IAAA5B,QAAA,CAAA4B,SAAA,IAAA7B,IAAA,CAAS;IAAEb,KAAK,EAAC;KAAiB,IAAE,E,GAGtDI,mBAAA,CAyBM,OAzBNuC,WAyBM,I,kBAxBJzC,mBAAA,CAeMqB,SAAA,QAAAC,WAAA,CAdUnB,KAAA,CAAAuC,QAAQ,EAAfC,GAAG;yBADZ3C,mBAAA,CAeM;MAbHyB,GAAG,EAAEkB,GAAG,CAACjB,EAAE;MACZ5B,KAAK,EAAA6B,eAAA,EAAC,cAAc;QAAA,wBACcf,QAAA,CAAAgC,aAAa,CAACD,GAAG,CAACE,OAAO;MAAA;QAE3D3C,mBAAA,CAKM;MALDJ,KAAK,EAAA6B,eAAA,EAAC,gBAAgB;QAAA,uBAAkCf,QAAA,CAAAgC,aAAa,CAACD,GAAG,CAACE,OAAO;MAAA;QACpF3C,mBAAA,CAEO;MAFDJ,KAAK,EAAA6B,eAAA,EAAC,UAAU;QAAA,gBAA2Bf,QAAA,CAAAgC,aAAa,CAACD,GAAG,CAACE,OAAO;MAAA;wBACrEF,GAAG,CAACG,QAAQ,yBAEjB5C,mBAAA,CAA+D,QAA/D6C,WAA+D,EAAAtC,gBAAA,CAApCG,QAAA,CAAAoC,UAAU,CAACL,GAAG,CAACM,UAAU,kB,kBAEtD/C,mBAAA,CAEM;MAFDJ,KAAK,EAAA6B,eAAA,EAAC,iBAAiB;QAAA,wBAAmCf,QAAA,CAAAgC,aAAa,CAACD,GAAG,CAACE,OAAO;MAAA;wBACnFF,GAAG,CAACO,OAAO,wB;kCAIP/C,KAAA,CAAAuC,QAAQ,CAACP,MAAM,U,cAA1BnC,mBAAA,CAEM,OAFNmD,WAEM,EAAA7C,MAAA,SAAAA,MAAA,QADJJ,mBAAA,CAAkB,WAAf,aAAW,oB,4DAGhBF,mBAAA,CAEMqB,SAAA,QAAAC,WAAA,CAFsBnB,KAAA,CAAAiD,aAAa,EAA7BC,YAAY;yBAAxBrD,mBAAA,CAEM;MAFsCyB,GAAG,EAAE4B,YAAY,CAAC3B,EAAE;MAAE5B,KAAK,EAAC;wBACnEuD,YAAY,CAACH,OAAO;0DAI3BhD,mBAAA,CAQM,OARNoD,WAQM,G,gBAPJpD,mBAAA,CAKE;IAJAqD,IAAI,EAAC,MAAM;+DACFpD,KAAA,CAAAqD,UAAU,GAAAtC,MAAA;IACnBuC,WAAW,EAAC,SAAS;IACpBC,OAAK,EAAApD,MAAA,QAAAA,MAAA,MAAAqD,SAAA,KAAAhD,IAAA,KAAQC,QAAA,CAAAgD,WAAA,IAAAhD,QAAA,CAAAgD,WAAA,IAAAjD,IAAA,CAAW;iEAFhBR,KAAA,CAAAqD,UAAU,E,GAIrBtD,mBAAA,CAAuE;IAA9DQ,OAAK,EAAAJ,MAAA,QAAAA,MAAA,UAAAK,IAAA,KAAEC,QAAA,CAAAgD,WAAA,IAAAhD,QAAA,CAAAgD,WAAA,IAAAjD,IAAA,CAAW;IAAGkD,QAAQ,GAAG1D,KAAA,CAAAqD,UAAU,CAACM,IAAI;KAAI,IAAE,iBAAAC,WAAA,E,qCAMtEhD,mBAAA,cAAiB,EACNZ,KAAA,CAAAgB,mBAAmB,I,cAA9BnB,mBAAA,CAiBM,OAjBNgE,WAiBM,GAhBJ9D,mBAAA,CAeM,OAfN+D,WAeM,G,4BAdJ/D,mBAAA,CAAe,YAAX,QAAM,sBACVA,mBAAA,CAQM,OARNgE,WAQM,G,4BAPJhE,mBAAA,CAAmC;IAA5BiE,GAAG,EAAC;EAAU,GAAC,OAAK,sB,gBAC3BjE,mBAAA,CAKE;IAJAqD,IAAI,EAAC,MAAM;IACX7B,EAAE,EAAC,UAAU;+DACJvB,KAAA,CAAAiE,WAAW,GAAAlD,MAAA;IACpBuC,WAAW,EAAC;iDADHtD,KAAA,CAAAiE,WAAW,E,KAIxBlE,mBAAA,CAGM,OAHNmE,WAGM,GAFJnE,mBAAA,CAA0F;IAAjFQ,OAAK,EAAAJ,MAAA,QAAAA,MAAA,UAAAK,IAAA,KAAEC,QAAA,CAAA0D,UAAA,IAAA1D,QAAA,CAAA0D,UAAA,IAAA3D,IAAA,CAAU;IAAEb,KAAK,EAAC,YAAY;IAAE+D,QAAQ,GAAG1D,KAAA,CAAAiE,WAAW,CAACN,IAAI;KAAI,IAAE,iBAAAS,WAAA,GACjFrE,mBAAA,CAA2E;IAAlEQ,OAAK,EAAAJ,MAAA,QAAAA,MAAA,MAAAY,MAAA,IAAEf,KAAA,CAAAgB,mBAAmB;IAAUrB,KAAK,EAAC;KAAa,IAAE,E","ignoreList":[]},"metadata":{},"sourceType":"module","externalDependencies":[]}
\ No newline at end of file
diff --git a/goldminer/frontend/node_modules/.cache/babel-loader/cc6ca55790ce06b0d3a38d6c82998638025d37e2b0d25b48b5724ab7c95f99fb.json b/goldminer/frontend/node_modules/.cache/babel-loader/cc6ca55790ce06b0d3a38d6c82998638025d37e2b0d25b48b5724ab7c95f99fb.json
new file mode 100644
index 00000000..e670104c
--- /dev/null
+++ b/goldminer/frontend/node_modules/.cache/babel-loader/cc6ca55790ce06b0d3a38d6c82998638025d37e2b0d25b48b5724ab7c95f99fb.json
@@ -0,0 +1 @@
+{"ast":null,"code":"import { createApp } from 'vue';\nimport App from './App.vue';\nimport router from './router';\nimport axios from 'axios';\n\n// 配置axios默认URL，使用当前主机名而不是硬编码的localhost\nconst currentHost = window.location.hostname;\naxios.defaults.baseURL = process.env.NODE_ENV === 'production' ? '' : `http://${currentHost}:5000`;\nconst app = createApp(App);\napp.use(router);\napp.mount('#app');","map":{"version":3,"names":["createApp","App","router","axios","currentHost","window","location","hostname","defaults","baseURL","process","env","NODE_ENV","app","use","mount"],"sources":["D:/学习/网络应用程序开发/pdf/goldminer/frontend/src/main.js"],"sourcesContent":["import { createApp } from 'vue'\r\nimport App from './App.vue'\r\nimport router from './router'\r\nimport axios from 'axios'\r\n\r\n// 配置axios默认URL，使用当前主机名而不是硬编码的localhost\r\nconst currentHost = window.location.hostname\r\naxios.defaults.baseURL = process.env.NODE_ENV === 'production' \r\n  ? '' \r\n  : `http://${currentHost}:5000`\r\n\r\nconst app = createApp(App)\r\napp.use(router)\r\napp.mount('#app') "],"mappings":"AAAA,SAASA,SAAS,QAAQ,KAAK;AAC/B,OAAOC,GAAG,MAAM,WAAW;AAC3B,OAAOC,MAAM,MAAM,UAAU;AAC7B,OAAOC,KAAK,MAAM,OAAO;;AAEzB;AACA,MAAMC,WAAW,GAAGC,MAAM,CAACC,QAAQ,CAACC,QAAQ;AAC5CJ,KAAK,CAACK,QAAQ,CAACC,OAAO,GAAGC,OAAO,CAACC,GAAG,CAACC,QAAQ,KAAK,YAAY,GAC1D,EAAE,GACF,UAAUR,WAAW,OAAO;AAEhC,MAAMS,GAAG,GAAGb,SAAS,CAACC,GAAG,CAAC;AAC1BY,GAAG,CAACC,GAAG,CAACZ,MAAM,CAAC;AACfW,GAAG,CAACE,KAAK,CAAC,MAAM,CAAC","ignoreList":[]},"metadata":{},"sourceType":"module","externalDependencies":[]}
\ No newline at end of file
diff --git a/goldminer/frontend/node_modules/.cache/babel-loader/e1e88b21e19be30dc863165bf3e5d288a1c68f185ceade3496701a8cd6b8848e.json b/goldminer/frontend/node_modules/.cache/babel-loader/e1e88b21e19be30dc863165bf3e5d288a1c68f185ceade3496701a8cd6b8848e.json
new file mode 100644
index 00000000..96d9d7ee
--- /dev/null
+++ b/goldminer/frontend/node_modules/.cache/babel-loader/e1e88b21e19be30dc863165bf3e5d288a1c68f185ceade3496701a8cd6b8848e.json
@@ -0,0 +1 @@
+{"ast":null,"code":"import \"core-js/modules/es.array.push.js\";\nimport \"core-js/modules/es.iterator.constructor.js\";\nimport \"core-js/modules/es.iterator.filter.js\";\nimport \"core-js/modules/es.iterator.map.js\";\nimport \"core-js/modules/es.set.difference.v2.js\";\nimport \"core-js/modules/es.set.intersection.v2.js\";\nimport \"core-js/modules/es.set.is-disjoint-from.v2.js\";\nimport \"core-js/modules/es.set.is-subset-of.v2.js\";\nimport \"core-js/modules/es.set.is-superset-of.v2.js\";\nimport \"core-js/modules/es.set.symmetric-difference.v2.js\";\nimport \"core-js/modules/es.set.union.v2.js\";\nimport axios from 'axios';\nexport default {\n  name: 'ChatRoom',\n  data() {\n    return {\n      loading: true,\n      error: null,\n      rooms: [],\n      currentRoom: null,\n      messages: [],\n      notifications: [],\n      newMessage: '',\n      newRoomName: '',\n      showCreateRoomModal: false,\n      messagesContainer: null,\n      currentUser: JSON.parse(localStorage.getItem('user') || '{}'),\n      pollingInterval: null,\n      isConnecting: false\n    };\n  },\n  created() {\n    this.fetchRooms();\n\n    // 每10秒刷新房间列表\n    setInterval(() => {\n      this.fetchRooms();\n    }, 10000);\n  },\n  beforeUnmount() {\n    this.stopPolling();\n  },\n  methods: {\n    // 获取聊天室列表\n    async fetchRooms() {\n      this.loading = true;\n      this.error = null;\n      try {\n        const response = await axios.get('/api/chat/rooms', {\n          withCredentials: true\n        });\n        this.rooms = response.data.rooms;\n      } catch (err) {\n        console.error('获取聊天室列表失败:', err);\n        this.error = '获取聊天室列表失败，请稍后重试';\n      } finally {\n        this.loading = false;\n      }\n    },\n    // 创建聊天室\n    async createRoom() {\n      if (!this.newRoomName.trim()) return;\n      try {\n        const response = await axios.post('/api/chat/rooms', {\n          name: this.newRoomName\n        }, {\n          withCredentials: true\n        });\n        this.newRoomName = '';\n        await this.fetchRooms();\n\n        // 自动加入创建的房间\n        this.joinRoom(response.data.room);\n      } catch (err) {\n        console.error('创建聊天室失败:', err);\n        alert('创建聊天室失败，请稍后重试');\n      }\n    },\n    // 加入聊天室\n    async joinRoom(room) {\n      if (this.currentRoom && this.currentRoom.id === room.id) return;\n\n      // 停止之前的轮询\n      this.stopPolling();\n      this.currentRoom = room;\n      this.messages = [];\n      this.notifications = [];\n      try {\n        // 获取聊天室历史消息\n        const response = await axios.get(`/api/chat/rooms/${room.id}/messages`, {\n          withCredentials: true\n        });\n        this.messages = response.data.messages;\n\n        // 开始轮询新消息\n        this.startPolling();\n\n        // 滚动到底部\n        this.$nextTick(() => {\n          this.scrollToBottom();\n        });\n      } catch (err) {\n        console.error('加入聊天室失败:', err);\n        alert('加入聊天室失败，请稍后重试');\n        this.currentRoom = null;\n      }\n    },\n    // 离开聊天室\n    leaveRoom() {\n      if (!this.currentRoom) return;\n\n      // 停止轮询\n      this.stopPolling();\n      this.currentRoom = null;\n      this.messages = [];\n      this.notifications = [];\n    },\n    // 发送消息\n    async sendMessage() {\n      if (!this.newMessage.trim() || !this.currentRoom) return;\n      try {\n        await axios.post('/api/chat/send', {\n          room_id: this.currentRoom.id,\n          message: this.newMessage\n        }, {\n          withCredentials: true\n        });\n\n        // UDP不保证消息到达，所以这里我们模拟一条本地消息\n        const localMessage = {\n          id: Date.now(),\n          user_id: this.currentUser.username,\n          username: this.currentUser.username,\n          message: this.newMessage,\n          created_at: new Date().toISOString()\n        };\n        this.messages.push(localMessage);\n\n        // 清空输入框\n        this.newMessage = '';\n\n        // 滚动到底部\n        this.$nextTick(() => {\n          this.scrollToBottom();\n        });\n      } catch (err) {\n        console.error('发送消息失败:', err);\n      }\n    },\n    // 开始轮询获取新消息\n    startPolling() {\n      if (this.pollingInterval) return;\n      this.pollingInterval = setInterval(async () => {\n        if (!this.currentRoom) return;\n        try {\n          const response = await axios.get(`/api/chat/poll/${this.currentRoom.id}`, {\n            withCredentials: true\n          });\n\n          // 更新消息列表，保留本地消息\n          if (response.data && response.data.length > 0) {\n            // 合并本地和服务器消息，避免重复\n            const existingIds = new Set(this.messages.map(m => m.id));\n            const newMessages = response.data.filter(m => !existingIds.has(m.id));\n            if (newMessages.length > 0) {\n              this.messages = [...this.messages, ...newMessages];\n\n              // 滚动到底部\n              this.$nextTick(() => {\n                this.scrollToBottom();\n              });\n            }\n          }\n        } catch (error) {\n          console.error('轮询消息失败', error);\n        }\n      }, 2000); // 每2秒轮询一次\n    },\n    // 停止轮询\n    stopPolling() {\n      if (this.pollingInterval) {\n        clearInterval(this.pollingInterval);\n        this.pollingInterval = null;\n      }\n    },\n    // 格式化时间\n    formatTime(dateString) {\n      if (!dateString) return '';\n      const date = new Date(dateString);\n      return date.toLocaleTimeString('zh-CN', {\n        hour: '2-digit',\n        minute: '2-digit'\n      });\n    },\n    // 滚动到底部\n    scrollToBottom() {\n      const container = this.$refs.messagesContainer;\n      if (container) {\n        container.scrollTop = container.scrollHeight;\n      }\n    },\n    // 检查是否是当前用户\n    isCurrentUser(userId) {\n      return this.currentUser && this.currentUser.id === userId;\n    }\n  }\n};","map":{"version":3,"names":["axios","name","data","loading","error","rooms","currentRoom","messages","notifications","newMessage","newRoomName","showCreateRoomModal","messagesContainer","currentUser","JSON","parse","localStorage","getItem","pollingInterval","isConnecting","created","fetchRooms","setInterval","beforeUnmount","stopPolling","methods","response","get","withCredentials","err","console","createRoom","trim","post","joinRoom","room","alert","id","startPolling","$nextTick","scrollToBottom","leaveRoom","sendMessage","room_id","message","localMessage","Date","now","user_id","username","created_at","toISOString","push","length","existingIds","Set","map","m","newMessages","filter","has","clearInterval","formatTime","dateString","date","toLocaleTimeString","hour","minute","container","$refs","scrollTop","scrollHeight","isCurrentUser","userId"],"sources":["D:\\学习\\网络应用程序开发\\pdf\\goldminer\\frontend\\src\\components\\ChatRoom.vue"],"sourcesContent":["<template>\r\n  <div class=\"chat-container\">\r\n    <div class=\"chat-header\">\r\n      <h2>游戏聊天室</h2>\r\n      <p class=\"subtitle\">与其他玩家交流游戏心得</p>\r\n    </div>\r\n    \r\n    <div v-if=\"loading\" class=\"loading\">\r\n      <p>加载中...</p>\r\n    </div>\r\n    \r\n    <div v-else-if=\"error\" class=\"error-message\">\r\n      <p>{{ error }}</p>\r\n      <button @click=\"fetchRooms\" class=\"retry-button\">重试</button>\r\n    </div>\r\n    \r\n    <div v-else class=\"chat-content\">\r\n      <!-- 左侧聊天室列表 -->\r\n      <div class=\"rooms-panel\">\r\n        <div class=\"panel-header\">\r\n          <h3>聊天室列表</h3>\r\n          <button @click=\"showCreateRoomModal = true\" class=\"create-room-btn\">\r\n            创建聊天室\r\n          </button>\r\n        </div>\r\n        \r\n        <div class=\"room-list\">\r\n          <div \r\n            v-for=\"room in rooms\" \r\n            :key=\"room.id\" \r\n            class=\"room-item\"\r\n            :class=\"{ active: currentRoom && currentRoom.id === room.id }\"\r\n            @click=\"joinRoom(room)\"\r\n          >\r\n            <div class=\"room-name\">{{ room.name }}</div>\r\n            <div class=\"room-creator\">创建者: {{ room.creator }}</div>\r\n          </div>\r\n          \r\n          <div v-if=\"rooms.length === 0\" class=\"no-rooms\">\r\n            <p>暂无聊天室，创建一个吧！</p>\r\n          </div>\r\n        </div>\r\n      </div>\r\n      \r\n      <!-- 右侧聊天区域 -->\r\n      <div class=\"chat-panel\">\r\n        <div v-if=\"!currentRoom\" class=\"no-room-selected\">\r\n          <p>请选择或创建一个聊天室</p>\r\n        </div>\r\n        \r\n        <template v-else>\r\n          <div class=\"chat-room-header\">\r\n            <h3>{{ currentRoom.name }}</h3>\r\n            <button @click=\"leaveRoom\" class=\"leave-room-btn\">离开</button>\r\n          </div>\r\n          \r\n          <div class=\"messages-container\" ref=\"messagesContainer\">\r\n            <div \r\n              v-for=\"msg in messages\" \r\n              :key=\"msg.id\" \r\n              class=\"message-item\"\r\n              :class=\"{ 'current-user-message': isCurrentUser(msg.user_id) }\"\r\n            >\r\n              <div class=\"message-header\" :class=\"{ 'current-user-header': isCurrentUser(msg.user_id) }\">\r\n                <span class=\"username\" :class=\"{ 'current-user': isCurrentUser(msg.user_id) }\">\r\n                  {{ msg.username }}\r\n                </span>\r\n                <span class=\"timestamp\">{{ formatTime(msg.created_at) }}</span>\r\n              </div>\r\n              <div class=\"message-content\" :class=\"{ 'current-user-content': isCurrentUser(msg.user_id) }\">\r\n                {{ msg.message }}\r\n              </div>\r\n            </div>\r\n            \r\n            <div v-if=\"messages.length === 0\" class=\"no-messages\">\r\n              <p>暂无消息，开始聊天吧！</p>\r\n            </div>\r\n            \r\n            <div v-for=\"notification in notifications\" :key=\"notification.id\" class=\"notification\">\r\n              {{ notification.message }}\r\n            </div>\r\n          </div>\r\n          \r\n          <div class=\"message-input\">\r\n            <input \r\n              type=\"text\" \r\n              v-model=\"newMessage\" \r\n              placeholder=\"输入消息...\" \r\n              @keyup.enter=\"sendMessage\"\r\n            />\r\n            <button @click=\"sendMessage\" :disabled=\"!newMessage.trim()\">发送</button>\r\n          </div>\r\n        </template>\r\n      </div>\r\n    </div>\r\n    \r\n    <!-- 创建聊天室模态框 -->\r\n    <div v-if=\"showCreateRoomModal\" class=\"modal-overlay\">\r\n      <div class=\"modal-content\">\r\n        <h3>创建新聊天室</h3>\r\n        <div class=\"form-group\">\r\n          <label for=\"roomName\">聊天室名称</label>\r\n          <input \r\n            type=\"text\" \r\n            id=\"roomName\" \r\n            v-model=\"newRoomName\" \r\n            placeholder=\"输入聊天室名称\"\r\n          />\r\n        </div>\r\n        <div class=\"modal-actions\">\r\n          <button @click=\"createRoom\" class=\"create-btn\" :disabled=\"!newRoomName.trim()\">创建</button>\r\n          <button @click=\"showCreateRoomModal = false\" class=\"cancel-btn\">取消</button>\r\n        </div>\r\n      </div>\r\n    </div>\r\n  </div>\r\n</template>\r\n\r\n<script>\r\nimport axios from 'axios'\r\n\r\nexport default {\r\n  name: 'ChatRoom',\r\n  data() {\r\n    return {\r\n      loading: true,\r\n      error: null,\r\n      rooms: [],\r\n      currentRoom: null,\r\n      messages: [],\r\n      notifications: [],\r\n      newMessage: '',\r\n      newRoomName: '',\r\n      showCreateRoomModal: false,\r\n      messagesContainer: null,\r\n      currentUser: JSON.parse(localStorage.getItem('user') || '{}'),\r\n      pollingInterval: null,\r\n      isConnecting: false\r\n    }\r\n  },\r\n  created() {\r\n    this.fetchRooms()\r\n    \r\n    // 每10秒刷新房间列表\r\n    setInterval(() => {\r\n      this.fetchRooms()\r\n    }, 10000)\r\n  },\r\n  beforeUnmount() {\r\n    this.stopPolling()\r\n  },\r\n  methods: {\r\n    // 获取聊天室列表\r\n    async fetchRooms() {\r\n      this.loading = true\r\n      this.error = null\r\n      \r\n      try {\r\n        const response = await axios.get('/api/chat/rooms', { withCredentials: true })\r\n        this.rooms = response.data.rooms\r\n      } catch (err) {\r\n        console.error('获取聊天室列表失败:', err)\r\n        this.error = '获取聊天室列表失败，请稍后重试'\r\n      } finally {\r\n        this.loading = false\r\n      }\r\n    },\r\n    \r\n    // 创建聊天室\r\n    async createRoom() {\r\n      if (!this.newRoomName.trim()) return\r\n      \r\n      try {\r\n        const response = await axios.post('/api/chat/rooms', {\r\n          name: this.newRoomName\r\n        }, { withCredentials: true })\r\n        \r\n        this.newRoomName = ''\r\n        await this.fetchRooms()\r\n        \r\n        // 自动加入创建的房间\r\n        this.joinRoom(response.data.room)\r\n      } catch (err) {\r\n        console.error('创建聊天室失败:', err)\r\n        alert('创建聊天室失败，请稍后重试')\r\n      }\r\n    },\r\n    \r\n    // 加入聊天室\r\n    async joinRoom(room) {\r\n      if (this.currentRoom && this.currentRoom.id === room.id) return\r\n      \r\n      // 停止之前的轮询\r\n      this.stopPolling()\r\n      \r\n      this.currentRoom = room\r\n      this.messages = []\r\n      this.notifications = []\r\n      \r\n      try {\r\n        // 获取聊天室历史消息\r\n        const response = await axios.get(`/api/chat/rooms/${room.id}/messages`, { withCredentials: true })\r\n        this.messages = response.data.messages\r\n        \r\n        // 开始轮询新消息\r\n        this.startPolling()\r\n        \r\n        // 滚动到底部\r\n        this.$nextTick(() => {\r\n          this.scrollToBottom()\r\n        })\r\n      } catch (err) {\r\n        console.error('加入聊天室失败:', err)\r\n        alert('加入聊天室失败，请稍后重试')\r\n        this.currentRoom = null\r\n      }\r\n    },\r\n    \r\n    // 离开聊天室\r\n    leaveRoom() {\r\n      if (!this.currentRoom) return\r\n      \r\n      // 停止轮询\r\n      this.stopPolling()\r\n      \r\n      this.currentRoom = null\r\n      this.messages = []\r\n      this.notifications = []\r\n    },\r\n    \r\n    // 发送消息\r\n    async sendMessage() {\r\n      if (!this.newMessage.trim() || !this.currentRoom) return\r\n      \r\n      try {\r\n        await axios.post('/api/chat/send', {\r\n          room_id: this.currentRoom.id,\r\n          message: this.newMessage\r\n        }, { withCredentials: true })\r\n        \r\n        // UDP不保证消息到达，所以这里我们模拟一条本地消息\r\n        const localMessage = {\r\n          id: Date.now(),\r\n          user_id: this.currentUser.username,\r\n          username: this.currentUser.username,\r\n          message: this.newMessage,\r\n          created_at: new Date().toISOString()\r\n        }\r\n        this.messages.push(localMessage)\r\n        \r\n        // 清空输入框\r\n        this.newMessage = ''\r\n        \r\n        // 滚动到底部\r\n        this.$nextTick(() => {\r\n          this.scrollToBottom()\r\n        })\r\n      } catch (err) {\r\n        console.error('发送消息失败:', err)\r\n      }\r\n    },\r\n    \r\n    // 开始轮询获取新消息\r\n    startPolling() {\r\n      if (this.pollingInterval) return\r\n      \r\n      this.pollingInterval = setInterval(async () => {\r\n        if (!this.currentRoom) return\r\n        \r\n        try {\r\n          const response = await axios.get(`/api/chat/poll/${this.currentRoom.id}`, {\r\n            withCredentials: true\r\n          })\r\n          \r\n          // 更新消息列表，保留本地消息\r\n          if (response.data && response.data.length > 0) {\r\n            // 合并本地和服务器消息，避免重复\r\n            const existingIds = new Set(this.messages.map(m => m.id))\r\n            const newMessages = response.data.filter(m => !existingIds.has(m.id))\r\n            \r\n            if (newMessages.length > 0) {\r\n              this.messages = [...this.messages, ...newMessages]\r\n              \r\n              // 滚动到底部\r\n              this.$nextTick(() => {\r\n                this.scrollToBottom()\r\n              })\r\n            }\r\n          }\r\n        } catch (error) {\r\n          console.error('轮询消息失败', error)\r\n        }\r\n      }, 2000) // 每2秒轮询一次\r\n    },\r\n    \r\n    // 停止轮询\r\n    stopPolling() {\r\n      if (this.pollingInterval) {\r\n        clearInterval(this.pollingInterval)\r\n        this.pollingInterval = null\r\n      }\r\n    },\r\n    \r\n    // 格式化时间\r\n    formatTime(dateString) {\r\n      if (!dateString) return ''\r\n      \r\n      const date = new Date(dateString)\r\n      return date.toLocaleTimeString('zh-CN', {\r\n        hour: '2-digit',\r\n        minute: '2-digit'\r\n      })\r\n    },\r\n    \r\n    // 滚动到底部\r\n    scrollToBottom() {\r\n      const container = this.$refs.messagesContainer\r\n      if (container) {\r\n        container.scrollTop = container.scrollHeight\r\n      }\r\n    },\r\n    \r\n    // 检查是否是当前用户\r\n    isCurrentUser(userId) {\r\n      return this.currentUser && this.currentUser.id === userId\r\n    }\r\n  }\r\n}\r\n</script>\r\n\r\n<style scoped>\r\n.chat-container {\r\n  max-width: 1500px;\r\n  margin: 0 auto;\r\n  padding: 20px;\r\n}\r\n\r\n.chat-header {\r\n  text-align: center;\r\n  margin-bottom: 30px;\r\n}\r\n\r\n.chat-header h2 {\r\n  color: #8B4513;\r\n  font-size: 28px;\r\n  margin-bottom: 10px;\r\n}\r\n\r\n.subtitle {\r\n  color: #666;\r\n  font-size: 16px;\r\n}\r\n\r\n.loading, .error-message {\r\n  text-align: center;\r\n  padding: 40px 0;\r\n}\r\n\r\n.error-message {\r\n  color: #e74c3c;\r\n}\r\n\r\n.retry-button {\r\n  background-color: #8B4513;\r\n  color: white;\r\n  border: none;\r\n  padding: 8px 16px;\r\n  border-radius: 4px;\r\n  cursor: pointer;\r\n  margin-top: 10px;\r\n}\r\n\r\n.chat-content {\r\n  display: flex;\r\n  gap: 20px;\r\n  height: 600px;\r\n}\r\n\r\n/* 左侧聊天室列表 */\r\n.rooms-panel {\r\n  width: 300px;\r\n  background-color: white;\r\n  border-radius: 8px;\r\n  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.1);\r\n  overflow: hidden;\r\n  display: flex;\r\n  flex-direction: column;\r\n}\r\n\r\n.panel-header {\r\n  padding: 15px;\r\n  border-bottom: 1px solid #eee;\r\n  display: flex;\r\n  justify-content: space-between;\r\n  align-items: center;\r\n}\r\n\r\n.panel-header h3 {\r\n  margin: 0;\r\n  color: #333;\r\n  font-size: 18px;\r\n}\r\n\r\n.create-room-btn {\r\n  background-color: #8B4513;\r\n  color: white;\r\n  border: none;\r\n  padding: 6px 12px;\r\n  border-radius: 4px;\r\n  cursor: pointer;\r\n  font-size: 14px;\r\n}\r\n\r\n.room-list {\r\n  flex: 1;\r\n  overflow-y: auto;\r\n  padding: 10px;\r\n}\r\n\r\n.room-item {\r\n  padding: 12px;\r\n  border-radius: 6px;\r\n  margin-bottom: 8px;\r\n  cursor: pointer;\r\n  transition: all 0.2s;\r\n}\r\n\r\n.room-item:hover {\r\n  background-color: rgba(139, 69, 19, 0.1);\r\n}\r\n\r\n.room-item.active {\r\n  background-color: rgba(139, 69, 19, 0.2);\r\n}\r\n\r\n.room-name {\r\n  font-weight: bold;\r\n  margin-bottom: 5px;\r\n}\r\n\r\n.room-creator {\r\n  font-size: 12px;\r\n  color: #666;\r\n}\r\n\r\n.no-rooms {\r\n  text-align: center;\r\n  padding: 20px;\r\n  color: #666;\r\n}\r\n\r\n/* 右侧聊天区域 */\r\n.chat-panel {\r\n  flex: 1;\r\n  width: 1000px;\r\n  background-color: white;\r\n  border-radius: 8px;\r\n  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.1);\r\n  overflow: hidden;\r\n  display: flex;\r\n  flex-direction: column;\r\n}\r\n\r\n.no-room-selected {\r\n  display: flex;\r\n  justify-content: center;\r\n  align-items: center;\r\n  height: 100%;\r\n  color: #666;\r\n  font-size: 18px;\r\n}\r\n\r\n.chat-room-header {\r\n  padding: 15px;\r\n  border-bottom: 1px solid #eee;\r\n  display: flex;\r\n  justify-content: space-between;\r\n  align-items: center;\r\n}\r\n\r\n.chat-room-header h3 {\r\n  margin: 0;\r\n  color: #333;\r\n  font-size: 18px;\r\n}\r\n\r\n.leave-room-btn {\r\n  background-color: #e74c3c;\r\n  color: white;\r\n  border: none;\r\n  padding: 6px 12px;\r\n  border-radius: 4px;\r\n  cursor: pointer;\r\n  font-size: 14px;\r\n}\r\n\r\n.messages-container {\r\n  flex: 1;\r\n  overflow-y: auto;\r\n  padding: 15px;\r\n  display: flex;\r\n  flex-direction: column;\r\n  gap: 10px;\r\n}\r\n\r\n.message-item {\r\n  max-width: 80%;\r\n  align-self: flex-start;\r\n}\r\n\r\n.current-user-message {\r\n  align-self: flex-end;\r\n}\r\n\r\n.message-header {\r\n  display: flex;\r\n  justify-content: space-between;\r\n  align-items: center;\r\n  margin-bottom: 5px;\r\n}\r\n\r\n.current-user-header {\r\n  flex-direction: row-reverse;\r\n}\r\n\r\n.username {\r\n  font-weight: bold;\r\n  color: #333;\r\n}\r\n\r\n.username.current-user {\r\n  color: #8B4513;\r\n}\r\n\r\n.timestamp {\r\n  font-size: 12px;\r\n  color: #999;\r\n}\r\n\r\n.message-content {\r\n  background-color: #f1f1f1;\r\n  padding: 10px;\r\n  border-radius: 8px;\r\n  word-break: break-word;\r\n}\r\n\r\n.current-user-content {\r\n  background-color: #8B4513;\r\n  color: white;\r\n}\r\n\r\n.no-messages {\r\n  text-align: center;\r\n  padding: 20px;\r\n  color: #666;\r\n}\r\n\r\n.notification {\r\n  text-align: center;\r\n  padding: 5px 10px;\r\n  margin: 5px 0;\r\n  background-color: rgba(139, 69, 19, 0.1);\r\n  border-radius: 15px;\r\n  color: #8B4513;\r\n  font-size: 12px;\r\n  align-self: center;\r\n}\r\n\r\n.message-input {\r\n  display: flex;\r\n  padding: 15px;\r\n  border-top: 1px solid #eee;\r\n}\r\n\r\n.message-input input {\r\n  flex: 1;\r\n  padding: 10px;\r\n  border: 1px solid #ddd;\r\n  border-radius: 4px;\r\n  font-size: 16px;\r\n  margin-right: 10px;\r\n}\r\n\r\n.message-input input:focus {\r\n  outline: none;\r\n  border-color: #8B4513;\r\n}\r\n\r\n.message-input button {\r\n  background-color: #8B4513;\r\n  color: white;\r\n  border: none;\r\n  padding: 10px 20px;\r\n  border-radius: 4px;\r\n  cursor: pointer;\r\n}\r\n\r\n.message-input button:disabled {\r\n  background-color: #ccc;\r\n  cursor: not-allowed;\r\n}\r\n\r\n/* 模态框 */\r\n.modal-overlay {\r\n  position: fixed;\r\n  top: 0;\r\n  left: 0;\r\n  right: 0;\r\n  bottom: 0;\r\n  background-color: rgba(0, 0, 0, 0.5);\r\n  display: flex;\r\n  justify-content: center;\r\n  align-items: center;\r\n  z-index: 1000;\r\n}\r\n\r\n.modal-content {\r\n  background-color: white;\r\n  padding: 20px;\r\n  border-radius: 8px;\r\n  width: 400px;\r\n  box-shadow: 0 4px 20px rgba(0, 0, 0, 0.2);\r\n}\r\n\r\n.modal-content h3 {\r\n  margin-top: 0;\r\n  color: #333;\r\n}\r\n\r\n.form-group {\r\n  margin-bottom: 20px;\r\n}\r\n\r\n.form-group label {\r\n  display: block;\r\n  margin-bottom: 5px;\r\n  font-weight: bold;\r\n}\r\n\r\n.form-group input {\r\n  width: 100%;\r\n  padding: 10px;\r\n  border: 1px solid #ddd;\r\n  border-radius: 4px;\r\n  font-size: 16px;\r\n}\r\n\r\n.modal-actions {\r\n  display: flex;\r\n  justify-content: flex-end;\r\n  gap: 10px;\r\n}\r\n\r\n.create-btn {\r\n  background-color: #8B4513;\r\n  color: white;\r\n  border: none;\r\n  padding: 8px 16px;\r\n  border-radius: 4px;\r\n  cursor: pointer;\r\n}\r\n\r\n.create-btn:disabled {\r\n  background-color: #ccc;\r\n  cursor: not-allowed;\r\n}\r\n\r\n.cancel-btn {\r\n  background-color: #f1f1f1;\r\n  color: #333;\r\n  border: none;\r\n  padding: 8px 16px;\r\n  border-radius: 4px;\r\n  cursor: pointer;\r\n}\r\n\r\n/* 响应式设计 */\r\n@media (max-width: 768px) {\r\n  .chat-content {\r\n    flex-direction: column;\r\n    height: auto;\r\n  }\r\n  \r\n  .rooms-panel {\r\n    width: 100%;\r\n    margin-bottom: 20px;\r\n    height: 300px;\r\n  }\r\n  \r\n  .chat-panel {\r\n    width: 100%;\r\n    height: 500px;\r\n  }\r\n}\r\n</style> "],"mappings":"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","ignoreList":[]},"metadata":{},"sourceType":"module","externalDependencies":[]}
\ No newline at end of file
diff --git a/goldminer/frontend/node_modules/.cache/eslint/123ee647.json b/goldminer/frontend/node_modules/.cache/eslint/123ee647.json
index 5d8fd632..b246fd38 100644
--- a/goldminer/frontend/node_modules/.cache/eslint/123ee647.json
+++ b/goldminer/frontend/node_modules/.cache/eslint/123ee647.json
@@ -1 +1 @@
-[{"D:\\学习\\网络应用程序开发\\pdf\\goldminer\\frontend\\src\\main.js":"1","D:\\学习\\网络应用程序开发\\pdf\\goldminer\\frontend\\src\\App.vue":"2","D:\\学习\\网络应用程序开发\\pdf\\goldminer\\frontend\\src\\router.js":"3","D:\\学习\\网络应用程序开发\\pdf\\goldminer\\frontend\\src\\components\\Home.vue":"4","D:\\学习\\网络应用程序开发\\pdf\\goldminer\\frontend\\src\\components\\Register.vue":"5","D:\\学习\\网络应用程序开发\\pdf\\goldminer\\frontend\\src\\components\\Game.vue":"6","D:\\学习\\网络应用程序开发\\pdf\\goldminer\\frontend\\src\\components\\Login.vue":"7","D:\\学习\\网络应用程序开发\\pdf\\goldminer\\frontend\\src\\components\\UserProfile.vue":"8","D:\\学习\\网络应用程序开发\\pdf\\goldminer\\frontend\\src\\components\\ChatRoom.vue":"9","D:\\学习\\网络应用程序开发\\pdf\\goldminer\\frontend\\src\\components\\Leaderboard.vue":"10","D:\\学习\\网络应用程序开发\\pdf\\goldminer\\frontend\\src\\components\\Header.vue":"11"},{"size":407,"mtime":1750159657634,"results":"12","hashOfConfig":"13"},{"size":1004,"mtime":1750128639386,"results":"14","hashOfConfig":"13"},{"size":1555,"mtime":1750147385472,"results":"15","hashOfConfig":"13"},{"size":5735,"mtime":1750130209089,"results":"16","hashOfConfig":"13"},{"size":4492,"mtime":1750147385471,"results":"17","hashOfConfig":"13"},{"size":26829,"mtime":1750130209088,"results":"18","hashOfConfig":"13"},{"size":3647,"mtime":1750147385470,"results":"19","hashOfConfig":"13"},{"size":11652,"mtime":1750130209090,"results":"20","hashOfConfig":"13"},{"size":16278,"mtime":1750130209087,"results":"21","hashOfConfig":"13"},{"size":13225,"mtime":1750128639387,"results":"22","hashOfConfig":"13"},{"size":4152,"mtime":1750147491182,"results":"23","hashOfConfig":"13"},{"filePath":"24","messages":"25","errorCount":0,"fatalErrorCount":0,"warningCount":0,"fixableErrorCount":0,"fixableWarningCount":0},"i331ru",{"filePath":"26","messages":"27","errorCount":0,"fatalErrorCount":0,"warningCount":0,"fixableErrorCount":0,"fixableWarningCount":0},{"filePath":"28","messages":"29","errorCount":0,"fatalErrorCount":0,"warningCount":0,"fixableErrorCount":0,"fixableWarningCount":0},{"filePath":"30","messages":"31","errorCount":0,"fatalErrorCount":0,"warningCount":0,"fixableErrorCount":0,"fixableWarningCount":0},{"filePath":"32","messages":"33","errorCount":0,"fatalErrorCount":0,"warningCount":0,"fixableErrorCount":0,"fixableWarningCount":0},{"filePath":"34","messages":"35","errorCount":0,"fatalErrorCount":0,"warningCount":0,"fixableErrorCount":0,"fixableWarningCount":0},{"filePath":"36","messages":"37","errorCount":0,"fatalErrorCount":0,"warningCount":0,"fixableErrorCount":0,"fixableWarningCount":0},{"filePath":"38","messages":"39","errorCount":0,"fatalErrorCount":0,"warningCount":0,"fixableErrorCount":0,"fixableWarningCount":0},{"filePath":"40","messages":"41","errorCount":0,"fatalErrorCount":0,"warningCount":0,"fixableErrorCount":0,"fixableWarningCount":0},{"filePath":"42","messages":"43","errorCount":0,"fatalErrorCount":0,"warningCount":0,"fixableErrorCount":0,"fixableWarningCount":0},{"filePath":"44","messages":"45","errorCount":0,"fatalErrorCount":0,"warningCount":0,"fixableErrorCount":0,"fixableWarningCount":0},"D:\\学习\\网络应用程序开发\\pdf\\goldminer\\frontend\\src\\main.js",[],"D:\\学习\\网络应用程序开发\\pdf\\goldminer\\frontend\\src\\App.vue",[],"D:\\学习\\网络应用程序开发\\pdf\\goldminer\\frontend\\src\\router.js",[],"D:\\学习\\网络应用程序开发\\pdf\\goldminer\\frontend\\src\\components\\Home.vue",[],"D:\\学习\\网络应用程序开发\\pdf\\goldminer\\frontend\\src\\components\\Register.vue",[],"D:\\学习\\网络应用程序开发\\pdf\\goldminer\\frontend\\src\\components\\Game.vue",[],"D:\\学习\\网络应用程序开发\\pdf\\goldminer\\frontend\\src\\components\\Login.vue",[],"D:\\学习\\网络应用程序开发\\pdf\\goldminer\\frontend\\src\\components\\UserProfile.vue",[],"D:\\学习\\网络应用程序开发\\pdf\\goldminer\\frontend\\src\\components\\ChatRoom.vue",[],"D:\\学习\\网络应用程序开发\\pdf\\goldminer\\frontend\\src\\components\\Leaderboard.vue",[],"D:\\学习\\网络应用程序开发\\pdf\\goldminer\\frontend\\src\\components\\Header.vue",[]]
\ No newline at end of file
+[{"D:\\学习\\网络应用程序开发\\pdf\\goldminer\\frontend\\src\\main.js":"1","D:\\学习\\网络应用程序开发\\pdf\\goldminer\\frontend\\src\\App.vue":"2","D:\\学习\\网络应用程序开发\\pdf\\goldminer\\frontend\\src\\router.js":"3","D:\\学习\\网络应用程序开发\\pdf\\goldminer\\frontend\\src\\components\\Home.vue":"4","D:\\学习\\网络应用程序开发\\pdf\\goldminer\\frontend\\src\\components\\Register.vue":"5","D:\\学习\\网络应用程序开发\\pdf\\goldminer\\frontend\\src\\components\\Game.vue":"6","D:\\学习\\网络应用程序开发\\pdf\\goldminer\\frontend\\src\\components\\Login.vue":"7","D:\\学习\\网络应用程序开发\\pdf\\goldminer\\frontend\\src\\components\\UserProfile.vue":"8","D:\\学习\\网络应用程序开发\\pdf\\goldminer\\frontend\\src\\components\\ChatRoom.vue":"9","D:\\学习\\网络应用程序开发\\pdf\\goldminer\\frontend\\src\\components\\Leaderboard.vue":"10","D:\\学习\\网络应用程序开发\\pdf\\goldminer\\frontend\\src\\components\\Header.vue":"11"},{"size":420,"mtime":1750175162366,"results":"12","hashOfConfig":"13"},{"size":1004,"mtime":1750128639386,"results":"14","hashOfConfig":"13"},{"size":1555,"mtime":1750147385472,"results":"15","hashOfConfig":"13"},{"size":5735,"mtime":1750130209089,"results":"16","hashOfConfig":"13"},{"size":4492,"mtime":1750147385471,"results":"17","hashOfConfig":"13"},{"size":26829,"mtime":1750130209088,"results":"18","hashOfConfig":"13"},{"size":3647,"mtime":1750147385470,"results":"19","hashOfConfig":"13"},{"size":11652,"mtime":1750130209090,"results":"20","hashOfConfig":"13"},{"size":16278,"mtime":1750176402240,"results":"21","hashOfConfig":"13"},{"size":13225,"mtime":1750128639387,"results":"22","hashOfConfig":"13"},{"size":4152,"mtime":1750147491182,"results":"23","hashOfConfig":"13"},{"filePath":"24","messages":"25","errorCount":0,"fatalErrorCount":0,"warningCount":0,"fixableErrorCount":0,"fixableWarningCount":0},"i331ru",{"filePath":"26","messages":"27","errorCount":0,"fatalErrorCount":0,"warningCount":0,"fixableErrorCount":0,"fixableWarningCount":0},{"filePath":"28","messages":"29","errorCount":0,"fatalErrorCount":0,"warningCount":0,"fixableErrorCount":0,"fixableWarningCount":0},{"filePath":"30","messages":"31","errorCount":0,"fatalErrorCount":0,"warningCount":0,"fixableErrorCount":0,"fixableWarningCount":0},{"filePath":"32","messages":"33","errorCount":0,"fatalErrorCount":0,"warningCount":0,"fixableErrorCount":0,"fixableWarningCount":0},{"filePath":"34","messages":"35","errorCount":0,"fatalErrorCount":0,"warningCount":0,"fixableErrorCount":0,"fixableWarningCount":0},{"filePath":"36","messages":"37","errorCount":0,"fatalErrorCount":0,"warningCount":0,"fixableErrorCount":0,"fixableWarningCount":0},{"filePath":"38","messages":"39","errorCount":0,"fatalErrorCount":0,"warningCount":0,"fixableErrorCount":0,"fixableWarningCount":0},{"filePath":"40","messages":"41","errorCount":0,"fatalErrorCount":0,"warningCount":0,"fixableErrorCount":0,"fixableWarningCount":0},{"filePath":"42","messages":"43","errorCount":0,"fatalErrorCount":0,"warningCount":0,"fixableErrorCount":0,"fixableWarningCount":0},{"filePath":"44","messages":"45","errorCount":0,"fatalErrorCount":0,"warningCount":0,"fixableErrorCount":0,"fixableWarningCount":0},"D:\\学习\\网络应用程序开发\\pdf\\goldminer\\frontend\\src\\main.js",[],"D:\\学习\\网络应用程序开发\\pdf\\goldminer\\frontend\\src\\App.vue",[],"D:\\学习\\网络应用程序开发\\pdf\\goldminer\\frontend\\src\\router.js",[],"D:\\学习\\网络应用程序开发\\pdf\\goldminer\\frontend\\src\\components\\Home.vue",[],"D:\\学习\\网络应用程序开发\\pdf\\goldminer\\frontend\\src\\components\\Register.vue",[],"D:\\学习\\网络应用程序开发\\pdf\\goldminer\\frontend\\src\\components\\Game.vue",[],"D:\\学习\\网络应用程序开发\\pdf\\goldminer\\frontend\\src\\components\\Login.vue",[],"D:\\学习\\网络应用程序开发\\pdf\\goldminer\\frontend\\src\\components\\UserProfile.vue",[],"D:\\学习\\网络应用程序开发\\pdf\\goldminer\\frontend\\src\\components\\ChatRoom.vue",[],"D:\\学习\\网络应用程序开发\\pdf\\goldminer\\frontend\\src\\components\\Leaderboard.vue",[],"D:\\学习\\网络应用程序开发\\pdf\\goldminer\\frontend\\src\\components\\Header.vue",[]]
\ No newline at end of file
diff --git a/goldminer/start.bat b/goldminer/start.bat
index a5f27312..4e460151 100644
--- a/goldminer/start.bat
+++ b/goldminer/start.bat
@@ -65,7 +65,7 @@ echo ===================================
 echo Starting Backend Server...
 echo Backend will listen on all network interfaces (0.0.0.0:5000)
 echo ===================================
-python -c "from app import socketio, app; socketio.run(app, host='0.0.0.0', port=5000, debug=True)"
+python app.py
 pause
 if "%1"=="" goto menu
 exit /b