diff --git a/README.md b/README.md
index 97157a8..ec2aaf7 100644
--- a/README.md
+++ b/README.md
@@ -1,5 +1,3 @@
-按照“游戏部署”-“Minecraft部署”部署的风格 继续新增以下部署
-在“游戏部署”导航项中新增“更多游戏部署”标签页并按照要求实现对应功能
-请查阅后端这两个文件实现，要求拓展性要好一点，便于后续继续添加游戏部署
-server\src\modules\game\factorio-deployer.ts
-server\src\modules\game\tmodloader-server-api.ts
\ No newline at end of file
+增加后端插件实现
+在前端导航项的“设置”上方加一个“插件”页面并实现功能
+在后端创建一个插件目录主目录 然后每个插件一个单独的文件夹，以文件夹名称来显示插件名称。每个插件在自己的插件目录可以有一个完整的前端html js css 用户只需要通过点击前往即可访问到
\ No newline at end of file
diff --git a/client/src/App.tsx b/client/src/App.tsx
index ea245f6..7b92e21 100644
--- a/client/src/App.tsx
+++ b/client/src/App.tsx
@@ -12,6 +12,7 @@ import InstanceManagerPage from '@/pages/InstanceManagerPage'
 import GameDeploymentPage from './pages/GameDeploymentPage'
 import ScheduledTasksPage from '@/pages/ScheduledTasksPage'
 import SettingsPage from '@/pages/SettingsPage'
+import PluginsPage from '@/pages/PluginsPage'
 import FileManagerPage from '@/pages/FileManagerPage'
 import AboutProjectPage from '@/pages/AboutProjectPage'
 import LoadingSpinner from '@/components/LoadingSpinner'
@@ -135,6 +136,7 @@ function App() {
                       <Route path="/game-deployment" element={<PageTransition><GameDeploymentPage /></PageTransition>} />
                       <Route path="/scheduled-tasks" element={<PageTransition><ScheduledTasksPage /></PageTransition>} />
                       <Route path="/files" element={<PageTransition><FileManagerPage /></PageTransition>} />
+                      <Route path="/plugins" element={<PageTransition><PluginsPage /></PageTransition>} />
                       <Route path="/settings" element={<PageTransition><SettingsPage /></PageTransition>} />
                       <Route path="/about" element={<PageTransition><AboutProjectPage /></PageTransition>} />
                       <Route path="*" element={<Navigate to="/" replace />} />
diff --git a/client/src/components/Layout.tsx b/client/src/components/Layout.tsx
index 52a2bab..433648b 100644
--- a/client/src/components/Layout.tsx
+++ b/client/src/components/Layout.tsx
@@ -22,7 +22,8 @@ import {
   Wifi,
   WifiOff,
   AlertTriangle,
-  RefreshCw
+  RefreshCw,
+  Puzzle
 } from 'lucide-react'
 
 interface LayoutProps {
@@ -47,6 +48,7 @@ const Layout: React.FC<LayoutProps> = ({ children }) => {
     { name: '游戏部署', href: '/game-deployment', icon: Download },
     { name: '定时任务', href: '/scheduled-tasks', icon: Clock },
     { name: '文件管理', href: '/files', icon: FolderOpen },
+    { name: '插件', href: '/plugins', icon: Puzzle },
     { name: '设置', href: '/settings', icon: Settings },
     { name: '关于项目', href: '/about', icon: Info },
   ]
diff --git a/client/src/pages/PluginsPage.tsx b/client/src/pages/PluginsPage.tsx
new file mode 100644
index 0000000..7bb9f7a
--- /dev/null
+++ b/client/src/pages/PluginsPage.tsx
@@ -0,0 +1,574 @@
+import React, { useState, useEffect } from 'react'
+import { ApiClient } from '@/utils/api'
+import { useNotificationStore } from '@/stores/notificationStore'
+import {
+  Plus,
+  Settings,
+  Trash2,
+  Power,
+  PowerOff,
+  ExternalLink,
+  Edit,
+  Save,
+  X,
+  Puzzle,
+  User,
+  Calendar,
+  Tag,
+  FileText,
+  Globe
+} from 'lucide-react'
+
+interface Plugin {
+  name: string
+  displayName: string
+  description: string
+  version: string
+  author: string
+  enabled: boolean
+  hasWebInterface: boolean
+  entryPoint?: string
+  icon?: string
+  category?: string
+}
+
+interface CreatePluginForm {
+  name: string
+  displayName: string
+  description: string
+  version: string
+  author: string
+  category: string
+  icon: string
+}
+
+const PluginsPage: React.FC = () => {
+  const [plugins, setPlugins] = useState<Plugin[]>([])
+  const [loading, setLoading] = useState(true)
+  const [showCreateModal, setShowCreateModal] = useState(false)
+  const [editingPlugin, setEditingPlugin] = useState<Plugin | null>(null)
+  const [showPluginModal, setShowPluginModal] = useState(false)
+  const [currentPluginContent, setCurrentPluginContent] = useState<string>('')
+  const [currentPluginName, setCurrentPluginName] = useState<string>('')
+  const [createForm, setCreateForm] = useState<CreatePluginForm>({
+    name: '',
+    displayName: '',
+    description: '',
+    version: '1.0.0',
+    author: '',
+    category: '其他',
+    icon: 'puzzle'
+  })
+  const { addNotification } = useNotificationStore()
+  const apiClient = new ApiClient()
+
+  const categories = [
+    '工具',
+    '游戏',
+    '监控',
+    '管理',
+    '娱乐',
+    '开发',
+    '系统',
+    '其他'
+  ]
+
+  const icons = [
+    'puzzle',
+    'settings',
+    'gamepad-2',
+    'monitor',
+    'shield',
+    'music',
+    'code',
+    'server',
+    'globe',
+    'tool',
+    'heart',
+    'star'
+  ]
+
+  useEffect(() => {
+    loadPlugins()
+  }, [])
+
+  const loadPlugins = async () => {
+    try {
+      setLoading(true)
+      const response = await apiClient.get('/plugins/list')
+      if (response.success) {
+        setPlugins(response.data)
+      } else {
+        addNotification({ type: 'error', title: '错误', message: '获取插件列表失败' })
+      }
+    } catch (error) {
+      console.error('获取插件列表失败:', error)
+      addNotification({ type: 'error', title: '错误', message: '获取插件列表失败' })
+    } finally {
+      setLoading(false)
+    }
+  }
+
+  const handleCreatePlugin = async () => {
+    try {
+      if (!createForm.name.trim()) {
+        addNotification({ type: 'error', title: '错误', message: '插件名称不能为空' })
+        return
+      }
+
+      if (!/^[a-zA-Z0-9_-]+$/.test(createForm.name)) {
+        addNotification({ type: 'error', title: '错误', message: '插件名称只能包含字母、数字、下划线和连字符' })
+        return
+      }
+
+      const response = await apiClient.post('/plugins/create', createForm)
+      if (response.success) {
+        addNotification({ type: 'success', title: '成功', message: '插件创建成功' })
+        setShowCreateModal(false)
+        setCreateForm({
+          name: '',
+          displayName: '',
+          description: '',
+          version: '1.0.0',
+          author: '',
+          category: '其他',
+          icon: 'puzzle'
+        })
+        loadPlugins()
+      } else {
+        addNotification({ type: 'error', title: '错误', message: response.message || '创建插件失败' })
+      }
+    } catch (error) {
+      console.error('创建插件失败:', error)
+      addNotification({ type: 'error', title: '错误', message: '创建插件失败' })
+    }
+  }
+
+  const handleTogglePlugin = async (plugin: Plugin) => {
+    try {
+      const endpoint = plugin.enabled ? 'disable' : 'enable'
+      const response = await apiClient.post(`/plugins/${plugin.name}/${endpoint}`)
+      if (response.success) {
+        addNotification({ type: 'success', title: '成功', message: `插件已${plugin.enabled ? '禁用' : '启用'}` })
+        loadPlugins()
+      } else {
+        addNotification({ type: 'error', title: '错误', message: response.message || `${plugin.enabled ? '禁用' : '启用'}插件失败` })
+      }
+    } catch (error) {
+      console.error('切换插件状态失败:', error)
+      addNotification({ type: 'error', title: '错误', message: '操作失败' })
+    }
+  }
+
+  const handleDeletePlugin = async (plugin: Plugin) => {
+    if (!confirm(`确定要删除插件 "${plugin.displayName}" 吗？此操作不可撤销。`)) {
+      return
+    }
+
+    try {
+      const response = await apiClient.delete(`/plugins/${plugin.name}`)
+      if (response.success) {
+        addNotification({ type: 'success', title: '成功', message: '插件删除成功' })
+        loadPlugins()
+      } else {
+        addNotification({ type: 'error', title: '错误', message: response.message || '删除插件失败' })
+      }
+    } catch (error) {
+      console.error('删除插件失败:', error)
+      addNotification({ type: 'error', title: '错误', message: '删除插件失败' })
+    }
+  }
+
+  const handleOpenPlugin = async (plugin: Plugin) => {
+    if (plugin.hasWebInterface && plugin.enabled) {
+      // 发送正在打开插件的通知
+      addNotification({
+        type: 'info',
+        title: '提示',
+        message: `正在打开插件 ${plugin.displayName || plugin.name}...`
+      })
+      
+      try {
+        // 通过API获取插件文件内容
+        const response = await apiClient.get(`/plugins/${plugin.name}/files/${plugin.entryPoint || 'index.html'}`)
+        
+        // 检查响应数据格式
+        if (response.data) {
+          let content = ''
+          
+          // 如果是JSON格式的响应（HTML、CSS、JS文件）
+          if (typeof response.data === 'object' && response.data.success && response.data.data) {
+            content = response.data.data
+          } 
+          // 如果直接返回HTML内容（兼容性处理）
+          else if (typeof response.data === 'string' && response.data.trim()) {
+            content = response.data
+          }
+          // 如果是JSON格式但失败
+          else if (typeof response.data === 'object' && !response.data.success) {
+            addNotification({ 
+              type: 'error', 
+              title: '错误', 
+              message: response.data.message || '获取插件文件失败' 
+            })
+            return
+          }
+          
+          if (content && content.trim()) {
+            setCurrentPluginContent(content)
+            setCurrentPluginName(plugin.displayName || plugin.name)
+            setShowPluginModal(true)
+          } else {
+            addNotification({ type: 'error', title: '错误', message: '插件内容为空' })
+          }
+        } else {
+          addNotification({ type: 'error', title: '错误', message: '无法获取插件内容' })
+        }
+      } catch (error) {
+        console.error('打开插件失败:', error)
+        addNotification({ 
+          type: 'error', 
+          title: '错误', 
+          message: error instanceof Error ? error.message : '打开插件失败' 
+        })
+      }
+    }
+  }
+
+  const getIconComponent = (iconName: string) => {
+    const iconMap: { [key: string]: React.ComponentType<any> } = {
+      puzzle: Puzzle,
+      settings: Settings,
+      'gamepad-2': Settings, // 使用Settings作为替代
+      monitor: Settings,
+      shield: Settings,
+      music: Settings,
+      code: Settings,
+      server: Settings,
+      globe: Globe,
+      tool: Settings,
+      heart: Settings,
+      star: Settings
+    }
+    const IconComponent = iconMap[iconName] || Puzzle
+    return <IconComponent className="w-6 h-6" />
+  }
+
+  const getCategoryColor = (category: string) => {
+    const colorMap: { [key: string]: string } = {
+      '工具': 'bg-blue-500',
+      '游戏': 'bg-green-500',
+      '监控': 'bg-yellow-500',
+      '管理': 'bg-purple-500',
+      '娱乐': 'bg-pink-500',
+      '开发': 'bg-indigo-500',
+      '系统': 'bg-red-500',
+      '其他': 'bg-gray-500'
+    }
+    return colorMap[category] || 'bg-gray-500'
+  }
+
+  if (loading) {
+    return (
+      <div className="flex items-center justify-center h-64">
+        <div className="animate-spin rounded-full h-12 w-12 border-b-2 border-blue-500"></div>
+      </div>
+    )
+  }
+
+  return (
+    <div className="p-6 space-y-6">
+      {/* 页面标题和操作 */}
+      <div className="flex items-center justify-between">
+        <div>
+          <h1 className="text-2xl font-bold text-black dark:text-white">插件管理</h1>
+          <p className="text-gray-600 dark:text-gray-400 mt-1">
+            管理和配置系统插件，扩展面板功能
+          </p>
+        </div>
+        <button
+          onClick={() => setShowCreateModal(true)}
+          className="flex items-center space-x-2 px-4 py-2 bg-blue-600 text-white rounded-lg hover:bg-blue-700 transition-colors"
+        >
+          <Plus className="w-4 h-4" />
+          <span>创建插件</span>
+        </button>
+      </div>
+
+      {/* 插件列表 */}
+      <div className="grid grid-cols-1 md:grid-cols-2 lg:grid-cols-3 gap-6">
+        {plugins.map((plugin) => (
+          <div
+            key={plugin.name}
+            className="glass rounded-lg p-6 border border-white/20 dark:border-gray-700/30 hover:shadow-lg transition-all duration-300"
+          >
+            {/* 插件头部 */}
+            <div className="flex items-start justify-between mb-4">
+              <div className="flex items-center space-x-3">
+                <div className="p-2 bg-blue-500/20 rounded-lg">
+                  {getIconComponent(plugin.icon || 'puzzle')}
+                </div>
+                <div>
+                  <h3 className="font-semibold text-black dark:text-white">
+                    {plugin.displayName}
+                  </h3>
+                  <div className="flex items-center space-x-2 mt-1">
+                    <span className={`px-2 py-1 text-xs text-white rounded-full ${getCategoryColor(plugin.category || '其他')}`}>
+                      {plugin.category || '其他'}
+                    </span>
+                    <span className="text-xs text-gray-500 dark:text-gray-400">
+                      v{plugin.version}
+                    </span>
+                  </div>
+                </div>
+              </div>
+              <div className="flex items-center space-x-1">
+                {plugin.enabled ? (
+                  <div className="w-2 h-2 bg-green-500 rounded-full" title="已启用" />
+                ) : (
+                  <div className="w-2 h-2 bg-gray-400 rounded-full" title="已禁用" />
+                )}
+              </div>
+            </div>
+
+            {/* 插件信息 */}
+            <div className="space-y-2 mb-4">
+              <p className="text-sm text-gray-600 dark:text-gray-400 line-clamp-2">
+                {plugin.description}
+              </p>
+              <div className="flex items-center space-x-4 text-xs text-gray-500 dark:text-gray-400">
+                <div className="flex items-center space-x-1">
+                  <User className="w-3 h-3" />
+                  <span>{plugin.author}</span>
+                </div>
+                {plugin.hasWebInterface && (
+                  <div className="flex items-center space-x-1">
+                    <Globe className="w-3 h-3" />
+                    <span>Web界面</span>
+                  </div>
+                )}
+              </div>
+            </div>
+
+            {/* 操作按钮 */}
+            <div className="flex items-center justify-between pt-4 border-t border-white/10 dark:border-gray-700/30">
+              <div className="flex items-center space-x-2">
+                <button
+                  onClick={() => handleTogglePlugin(plugin)}
+                  className={`p-2 rounded-lg transition-colors ${
+                    plugin.enabled
+                      ? 'bg-green-500/20 text-green-600 hover:bg-green-500/30'
+                      : 'bg-gray-500/20 text-gray-600 hover:bg-gray-500/30'
+                  }`}
+                  title={plugin.enabled ? '禁用插件' : '启用插件'}
+                >
+                  {plugin.enabled ? <Power className="w-4 h-4" /> : <PowerOff className="w-4 h-4" />}
+                </button>
+                {plugin.hasWebInterface && plugin.enabled && (
+                  <button
+                    onClick={() => handleOpenPlugin(plugin)}
+                    className="p-2 bg-blue-500/20 text-blue-600 rounded-lg hover:bg-blue-500/30 transition-colors"
+                    title="打开插件"
+                  >
+                    <ExternalLink className="w-4 h-4" />
+                  </button>
+                )}
+              </div>
+              <button
+                onClick={() => handleDeletePlugin(plugin)}
+                className="p-2 bg-red-500/20 text-red-600 rounded-lg hover:bg-red-500/30 transition-colors"
+                title="删除插件"
+              >
+                <Trash2 className="w-4 h-4" />
+              </button>
+            </div>
+          </div>
+        ))}
+      </div>
+
+      {plugins.length === 0 && (
+        <div className="text-center py-12">
+          <Puzzle className="w-16 h-16 text-gray-400 mx-auto mb-4" />
+          <h3 className="text-lg font-medium text-gray-600 dark:text-gray-400 mb-2">
+            暂无插件
+          </h3>
+          <p className="text-gray-500 dark:text-gray-500 mb-4">
+            创建您的第一个插件来扩展面板功能
+          </p>
+          <button
+            onClick={() => setShowCreateModal(true)}
+            className="px-4 py-2 bg-blue-600 text-white rounded-lg hover:bg-blue-700 transition-colors"
+          >
+            创建插件
+          </button>
+        </div>
+      )}
+
+      {/* 插件展示模态框 */}
+      {showPluginModal && (
+        <div className="fixed inset-0 bg-black/50 flex items-center justify-center z-50">
+          <div className="glass rounded-lg w-[90vw] h-[90vh] flex flex-col mx-4 border border-white/20 dark:border-gray-700/30">
+            <div className="flex justify-between items-center p-4 border-b border-white/10 dark:border-gray-700/30">
+              <h2 className="text-xl font-bold text-black dark:text-white">{currentPluginName}</h2>
+              <button
+                onClick={() => {
+                  setShowPluginModal(false)
+                  setCurrentPluginContent('')
+                  setCurrentPluginName('')
+                }}
+                className="text-gray-400 hover:text-gray-600 dark:hover:text-gray-300 transition-colors"
+              >
+                <X className="w-6 h-6" />
+              </button>
+            </div>
+            <div className="flex-1 p-4">
+              <iframe
+                srcDoc={currentPluginContent}
+                className="w-full h-full border-0 rounded-lg bg-white dark:bg-gray-900"
+                sandbox="allow-scripts allow-same-origin allow-forms"
+                title={currentPluginName}
+              />
+            </div>
+          </div>
+        </div>
+      )}
+
+      {/* 创建插件模态框 */}
+      {showCreateModal && (
+        <div className="fixed inset-0 z-50 flex items-center justify-center bg-black/50">
+          <div className="glass rounded-lg p-6 w-full max-w-md mx-4 border border-white/20 dark:border-gray-700/30">
+            <div className="flex items-center justify-between mb-6">
+              <h2 className="text-xl font-bold text-black dark:text-white">创建新插件</h2>
+              <button
+                onClick={() => setShowCreateModal(false)}
+                className="text-gray-400 hover:text-gray-600 dark:hover:text-gray-300"
+              >
+                <X className="w-6 h-6" />
+              </button>
+            </div>
+
+            <div className="space-y-4">
+              <div>
+                <label className="block text-sm font-medium text-black dark:text-white mb-2">
+                  插件名称 *
+                </label>
+                <input
+                  type="text"
+                  value={createForm.name}
+                  onChange={(e) => setCreateForm({ ...createForm, name: e.target.value })}
+                  className="w-full px-3 py-2 bg-white/10 dark:bg-gray-800/50 border border-white/20 dark:border-gray-700 rounded-lg text-black dark:text-white placeholder-gray-500 focus:outline-none focus:ring-2 focus:ring-blue-500"
+                  placeholder="例如: my-plugin"
+                />
+                <p className="text-xs text-gray-500 mt-1">只能包含字母、数字、下划线和连字符</p>
+              </div>
+
+              <div>
+                <label className="block text-sm font-medium text-black dark:text-white mb-2">
+                  显示名称
+                </label>
+                <input
+                  type="text"
+                  value={createForm.displayName}
+                  onChange={(e) => setCreateForm({ ...createForm, displayName: e.target.value })}
+                  className="w-full px-3 py-2 bg-white/10 dark:bg-gray-800/50 border border-white/20 dark:border-gray-700 rounded-lg text-black dark:text-white placeholder-gray-500 focus:outline-none focus:ring-2 focus:ring-blue-500"
+                  placeholder="例如: 我的插件"
+                />
+              </div>
+
+              <div>
+                <label className="block text-sm font-medium text-black dark:text-white mb-2">
+                  描述
+                </label>
+                <textarea
+                  value={createForm.description}
+                  onChange={(e) => setCreateForm({ ...createForm, description: e.target.value })}
+                  className="w-full px-3 py-2 bg-white/10 dark:bg-gray-800/50 border border-white/20 dark:border-gray-700 rounded-lg text-black dark:text-white placeholder-gray-500 focus:outline-none focus:ring-2 focus:ring-blue-500 resize-none"
+                  rows={3}
+                  placeholder="插件功能描述"
+                />
+              </div>
+
+              <div className="grid grid-cols-2 gap-4">
+                <div>
+                  <label className="block text-sm font-medium text-black dark:text-white mb-2">
+                    版本
+                  </label>
+                  <input
+                    type="text"
+                    value={createForm.version}
+                    onChange={(e) => setCreateForm({ ...createForm, version: e.target.value })}
+                    className="w-full px-3 py-2 bg-white/10 dark:bg-gray-800/50 border border-white/20 dark:border-gray-700 rounded-lg text-black dark:text-white placeholder-gray-500 focus:outline-none focus:ring-2 focus:ring-blue-500"
+                  />
+                </div>
+                <div>
+                  <label className="block text-sm font-medium text-black dark:text-white mb-2">
+                    作者
+                  </label>
+                  <input
+                    type="text"
+                    value={createForm.author}
+                    onChange={(e) => setCreateForm({ ...createForm, author: e.target.value })}
+                    className="w-full px-3 py-2 bg-white/10 dark:bg-gray-800/50 border border-white/20 dark:border-gray-700 rounded-lg text-black dark:text-white placeholder-gray-500 focus:outline-none focus:ring-2 focus:ring-blue-500"
+                    placeholder="作者名称"
+                  />
+                </div>
+              </div>
+
+              <div className="grid grid-cols-2 gap-4">
+                <div>
+                  <label className="block text-sm font-medium text-black dark:text-white mb-2">
+                    分类
+                  </label>
+                  <select
+                    value={createForm.category}
+                    onChange={(e) => setCreateForm({ ...createForm, category: e.target.value })}
+                    className="w-full px-3 py-2 bg-white/10 dark:bg-gray-800/50 border border-white/20 dark:border-gray-700 rounded-lg text-black dark:text-white focus:outline-none focus:ring-2 focus:ring-blue-500"
+                  >
+                    {categories.map((category) => (
+                      <option key={category} value={category} className="bg-white dark:bg-gray-800">
+                        {category}
+                      </option>
+                    ))}
+                  </select>
+                </div>
+                <div>
+                  <label className="block text-sm font-medium text-black dark:text-white mb-2">
+                    图标
+                  </label>
+                  <select
+                    value={createForm.icon}
+                    onChange={(e) => setCreateForm({ ...createForm, icon: e.target.value })}
+                    className="w-full px-3 py-2 bg-white/10 dark:bg-gray-800/50 border border-white/20 dark:border-gray-700 rounded-lg text-black dark:text-white focus:outline-none focus:ring-2 focus:ring-blue-500"
+                  >
+                    {icons.map((icon) => (
+                      <option key={icon} value={icon} className="bg-white dark:bg-gray-800">
+                        {icon}
+                      </option>
+                    ))}
+                  </select>
+                </div>
+              </div>
+            </div>
+
+            <div className="flex items-center justify-end space-x-3 mt-6">
+              <button
+                onClick={() => setShowCreateModal(false)}
+                className="px-4 py-2 text-gray-600 dark:text-gray-400 hover:text-gray-800 dark:hover:text-gray-200 transition-colors"
+              >
+                取消
+              </button>
+              <button
+                onClick={handleCreatePlugin}
+                className="px-4 py-2 bg-blue-600 text-white rounded-lg hover:bg-blue-700 transition-colors"
+              >
+                创建
+              </button>
+            </div>
+          </div>
+        </div>
+      )}
+    </div>
+  )
+}
+
+export default PluginsPage
\ No newline at end of file
diff --git a/server/data/plugins/example-plugin/index.html b/server/data/plugins/example-plugin/index.html
new file mode 100644
index 0000000..3208552
--- /dev/null
+++ b/server/data/plugins/example-plugin/index.html
@@ -0,0 +1,399 @@
+<!DOCTYPE html>
+<html lang="zh-CN">
+<head>
+    <meta charset="UTF-8">
+    <meta name="viewport" content="width=device-width, initial-scale=1.0">
+    <title>示例插件 - GSM3</title>
+    <style>
+        * {
+            margin: 0;
+            padding: 0;
+            box-sizing: border-box;
+        }
+
+        body {
+            font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, sans-serif;
+            background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);
+            color: white;
+            min-height: 100vh;
+            padding: 20px;
+        }
+
+        .container {
+            max-width: 1200px;
+            margin: 0 auto;
+        }
+
+        .header {
+            text-align: center;
+            margin-bottom: 40px;
+        }
+
+        .header h1 {
+            font-size: 3rem;
+            margin-bottom: 10px;
+            text-shadow: 2px 2px 4px rgba(0, 0, 0, 0.3);
+            background: linear-gradient(45deg, #ffd700, #ffed4e);
+            -webkit-background-clip: text;
+            -webkit-text-fill-color: transparent;
+            background-clip: text;
+        }
+
+        .header p {
+            font-size: 1.2rem;
+            opacity: 0.9;
+        }
+
+        .cards {
+            display: grid;
+            grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
+            gap: 30px;
+            margin-bottom: 40px;
+        }
+
+        .card {
+            background: rgba(255, 255, 255, 0.1);
+            backdrop-filter: blur(10px);
+            border-radius: 20px;
+            padding: 30px;
+            border: 1px solid rgba(255, 255, 255, 0.2);
+            transition: all 0.3s ease;
+            position: relative;
+            overflow: hidden;
+        }
+
+        .card::before {
+            content: '';
+            position: absolute;
+            top: 0;
+            left: 0;
+            right: 0;
+            height: 4px;
+            background: linear-gradient(90deg, #ffd700, #ffed4e, #ffd700);
+            background-size: 200% 100%;
+            animation: shimmer 2s infinite;
+        }
+
+        @keyframes shimmer {
+            0% { background-position: -200% 0; }
+            100% { background-position: 200% 0; }
+        }
+
+        .card:hover {
+            transform: translateY(-10px);
+            box-shadow: 0 20px 40px rgba(0, 0, 0, 0.2);
+        }
+
+        .card h3 {
+            font-size: 1.5rem;
+            margin-bottom: 15px;
+            color: #ffd700;
+        }
+
+        .card p {
+            line-height: 1.6;
+            opacity: 0.9;
+        }
+
+        .features {
+            display: grid;
+            grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));
+            gap: 20px;
+            margin-bottom: 40px;
+        }
+
+        .feature {
+            background: rgba(255, 255, 255, 0.05);
+            padding: 20px;
+            border-radius: 15px;
+            text-align: center;
+            border: 1px solid rgba(255, 255, 255, 0.1);
+            transition: all 0.3s ease;
+        }
+
+        .feature:hover {
+            background: rgba(255, 255, 255, 0.1);
+            transform: scale(1.05);
+        }
+
+        .feature-icon {
+            font-size: 2.5rem;
+            margin-bottom: 15px;
+            display: block;
+        }
+
+        .feature h4 {
+            margin-bottom: 10px;
+            color: #ffd700;
+        }
+
+        .demo-section {
+            background: rgba(255, 255, 255, 0.1);
+            backdrop-filter: blur(10px);
+            border-radius: 20px;
+            padding: 30px;
+            border: 1px solid rgba(255, 255, 255, 0.2);
+            margin-bottom: 30px;
+        }
+
+        .demo-section h3 {
+            color: #ffd700;
+            margin-bottom: 20px;
+            font-size: 1.5rem;
+        }
+
+        .button-group {
+            display: flex;
+            gap: 15px;
+            flex-wrap: wrap;
+            margin-bottom: 20px;
+        }
+
+        .btn {
+            padding: 12px 24px;
+            border: none;
+            border-radius: 25px;
+            background: linear-gradient(45deg, #667eea, #764ba2);
+            color: white;
+            font-weight: 600;
+            cursor: pointer;
+            transition: all 0.3s ease;
+            text-decoration: none;
+            display: inline-block;
+        }
+
+        .btn:hover {
+            transform: translateY(-2px);
+            box-shadow: 0 10px 20px rgba(0, 0, 0, 0.2);
+            background: linear-gradient(45deg, #764ba2, #667eea);
+        }
+
+        .btn-success {
+            background: linear-gradient(45deg, #56ab2f, #a8e6cf);
+        }
+
+        .btn-warning {
+            background: linear-gradient(45deg, #f093fb, #f5576c);
+        }
+
+        .btn-info {
+            background: linear-gradient(45deg, #4facfe, #00f2fe);
+        }
+
+        .status-display {
+            background: rgba(0, 0, 0, 0.2);
+            padding: 15px;
+            border-radius: 10px;
+            margin-top: 15px;
+            font-family: 'Courier New', monospace;
+        }
+
+        .footer {
+            text-align: center;
+            padding: 20px;
+            opacity: 0.7;
+            border-top: 1px solid rgba(255, 255, 255, 0.1);
+        }
+
+        .pulse {
+            animation: pulse 2s infinite;
+        }
+
+        @keyframes pulse {
+            0% { opacity: 1; }
+            50% { opacity: 0.7; }
+            100% { opacity: 1; }
+        }
+
+        .loading {
+            display: inline-block;
+            width: 20px;
+            height: 20px;
+            border: 3px solid rgba(255, 255, 255, 0.3);
+            border-radius: 50%;
+            border-top-color: #ffd700;
+            animation: spin 1s ease-in-out infinite;
+        }
+
+        @keyframes spin {
+            to { transform: rotate(360deg); }
+        }
+
+        @media (max-width: 768px) {
+            .header h1 {
+                font-size: 2rem;
+            }
+            
+            .cards {
+                grid-template-columns: 1fr;
+            }
+            
+            .button-group {
+                flex-direction: column;
+            }
+        }
+    </style>
+</head>
+<body>
+    <div class="container">
+        <div class="header">
+            <h1>🧩 示例插件</h1>
+            <p>欢迎使用 GSM3 插件系统演示</p>
+        </div>
+
+        <div class="cards">
+            <div class="card">
+                <h3>🚀 插件功能</h3>
+                <p>这个示例插件展示了 GSM3 插件系统的强大功能。您可以创建自定义的 Web 界面，集成各种工具和服务，扩展面板的功能。</p>
+            </div>
+
+            <div class="card">
+                <h3>🎨 自定义界面</h3>
+                <p>使用 HTML、CSS 和 JavaScript 创建美观的用户界面。支持响应式设计，适配各种设备屏幕。</p>
+            </div>
+
+            <div class="card">
+                <h3>🔧 易于开发</h3>
+                <p>简单的文件结构，只需要在插件目录中放置您的文件即可。支持热重载，开发体验流畅。</p>
+            </div>
+        </div>
+
+        <div class="features">
+            <div class="feature">
+                <span class="feature-icon">⚡</span>
+                <h4>高性能</h4>
+                <p>优化的加载速度</p>
+            </div>
+            <div class="feature">
+                <span class="feature-icon">🔒</span>
+                <h4>安全可靠</h4>
+                <p>沙箱环境运行</p>
+            </div>
+            <div class="feature">
+                <span class="feature-icon">🎯</span>
+                <h4>易于使用</h4>
+                <p>直观的操作界面</p>
+            </div>
+            <div class="feature">
+                <span class="feature-icon">🔄</span>
+                <h4>实时更新</h4>
+                <p>动态内容刷新</p>
+            </div>
+        </div>
+
+        <div class="demo-section">
+            <h3>🎮 交互演示</h3>
+            <p>点击下面的按钮体验插件的交互功能：</p>
+            
+            <div class="button-group">
+                <button class="btn" onclick="showMessage('info', '这是一个信息提示！')">信息提示</button>
+                <button class="btn btn-success" onclick="showMessage('success', '操作成功完成！')">成功消息</button>
+                <button class="btn btn-warning" onclick="showMessage('warning', '这是一个警告消息！')">警告消息</button>
+                <button class="btn btn-info" onclick="simulateLoading()">模拟加载</button>
+            </div>
+
+            <div id="statusDisplay" class="status-display">
+                <strong>状态:</strong> 就绪 | <strong>时间:</strong> <span id="currentTime"></span>
+            </div>
+        </div>
+
+        <div class="demo-section">
+            <h3>📊 系统信息</h3>
+            <div id="systemInfo">
+                <p><strong>插件名称:</strong> 示例插件</p>
+                <p><strong>版本:</strong> 1.0.0</p>
+                <p><strong>作者:</strong> GSM3团队</p>
+                <p><strong>加载时间:</strong> <span id="loadTime"></span></p>
+                <p><strong>浏览器:</strong> <span id="browserInfo"></span></p>
+            </div>
+        </div>
+
+        <div class="footer">
+            <p>© 2024 GSM3 插件系统 | 由 GSM3 团队开发</p>
+        </div>
+    </div>
+
+    <script>
+        // 页面加载完成时间
+        const loadTime = new Date().toLocaleString()
+        document.getElementById('loadTime').textContent = loadTime
+
+        // 浏览器信息
+        const browserInfo = navigator.userAgent.split(' ').slice(-2).join(' ')
+        document.getElementById('browserInfo').textContent = browserInfo
+
+        // 实时时间更新
+        function updateTime() {
+            const now = new Date().toLocaleTimeString()
+            document.getElementById('currentTime').textContent = now
+        }
+        
+        updateTime()
+        setInterval(updateTime, 1000)
+
+        // 显示消息
+        function showMessage(type, message) {
+            const statusDisplay = document.getElementById('statusDisplay')
+            const colors = {
+                info: '#4facfe',
+                success: '#56ab2f',
+                warning: '#f5576c',
+                error: '#ff6b6b'
+            }
+            
+            statusDisplay.style.borderLeft = `4px solid ${colors[type]}`
+            statusDisplay.innerHTML = `
+                <strong>状态:</strong> ${message} | <strong>时间:</strong> <span id="currentTime">${new Date().toLocaleTimeString()}</span>
+            `
+            
+            // 添加脉冲效果
+            statusDisplay.classList.add('pulse')
+            setTimeout(() => {
+                statusDisplay.classList.remove('pulse')
+            }, 2000)
+        }
+
+        // 模拟加载
+        function simulateLoading() {
+            const statusDisplay = document.getElementById('statusDisplay')
+            statusDisplay.innerHTML = `
+                <strong>状态:</strong> <span class="loading"></span> 正在加载... | <strong>时间:</strong> ${new Date().toLocaleTimeString()}
+            `
+            
+            setTimeout(() => {
+                showMessage('success', '加载完成！')
+            }, 3000)
+        }
+
+        // 添加一些动画效果
+        document.addEventListener('DOMContentLoaded', function() {
+            const cards = document.querySelectorAll('.card')
+            cards.forEach((card, index) => {
+                card.style.animationDelay = `${index * 0.1}s`
+                card.style.animation = 'fadeInUp 0.6s ease forwards'
+            })
+        })
+
+        // CSS动画定义
+        const style = document.createElement('style')
+        style.textContent = `
+            @keyframes fadeInUp {
+                from {
+                    opacity: 0;
+                    transform: translateY(30px);
+                }
+                to {
+                    opacity: 1;
+                    transform: translateY(0);
+                }
+            }
+        `
+        document.head.appendChild(style)
+
+        // 控制台欢迎信息
+        console.log('%c🧩 GSM3 插件系统', 'color: #667eea; font-size: 20px; font-weight: bold;')
+        console.log('%c欢迎使用示例插件！', 'color: #764ba2; font-size: 14px;')
+        console.log('插件开发文档: https://github.com/your-repo/gsm3-docs')
+    </script>
+</body>
+</html>
\ No newline at end of file
diff --git a/server/data/plugins/example-plugin/plugin.json b/server/data/plugins/example-plugin/plugin.json
new file mode 100644
index 0000000..20fbc82
--- /dev/null
+++ b/server/data/plugins/example-plugin/plugin.json
@@ -0,0 +1,12 @@
+{
+  "name": "example-plugin",
+  "displayName": "示例插件",
+  "description": "这是一个演示插件功能的示例插件，展示了如何创建自定义的Web界面。",
+  "version": "1.0.0",
+  "author": "GSM3团队",
+  "enabled": true,
+  "hasWebInterface": true,
+  "entryPoint": "index.html",
+  "icon": "puzzle",
+  "category": "工具"
+}
\ No newline at end of file
diff --git a/server/src/index.ts b/server/src/index.ts
index 5621c87..3a1b65e 100644
--- a/server/src/index.ts
+++ b/server/src/index.ts
@@ -18,6 +18,7 @@ import { AuthManager } from './modules/auth/AuthManager.js'
 import { InstanceManager } from './modules/instance/InstanceManager.js'
 import { SteamCMDManager } from './modules/steamcmd/SteamCMDManager.js'
 import { SchedulerManager } from './modules/scheduler/SchedulerManager.js'
+import { PluginManager } from './modules/plugin/PluginManager.js'
 import { setupTerminalRoutes } from './routes/terminal.js'
 import { setupGameRoutes } from './routes/games.js'
 import { setupSystemRoutes } from './routes/system.js'
@@ -31,6 +32,7 @@ import gameDeploymentRouter, { setGameDeploymentManagers } from './routes/gameDe
 import minecraftRouter from './routes/minecraft.js'
 import moreGamesRouter from './routes/moreGames.js'
 import weatherRouter from './routes/weather.js'
+import pluginsRouter, { setPluginManager } from './routes/plugins.js'
 
 // 获取当前文件目录
 const __filename = fileURLToPath(import.meta.url)
@@ -111,6 +113,7 @@ let systemManager: SystemManager
 let instanceManager: InstanceManager
 let steamcmdManager: SteamCMDManager
 let schedulerManager: SchedulerManager
+let pluginManager: PluginManager
 
 // 健康检查端点
 app.get('/api/health', (req, res) => {
@@ -189,6 +192,10 @@ function gracefulShutdown(signal: string) {
       schedulerManager.destroy()
       logger.info('SchedulerManager 已清理')
     }
+    if (pluginManager) {
+      pluginManager.cleanup()
+      logger.info('PluginManager 已清理')
+    }
     logger.info('管理器清理完成。')
   } catch (cleanupErr) {
     logger.error('清理管理器时出错:', cleanupErr)
@@ -436,6 +443,7 @@ async function startServer() {
     systemManager = new SystemManager(io, logger)
     instanceManager = new InstanceManager(terminalManager, logger)
     steamcmdManager = new SteamCMDManager(logger, configManager)
+    pluginManager = new PluginManager(logger)
     
     // 确保data目录存在
     const dataDir = path.join(process.cwd(), 'data')
@@ -453,7 +461,9 @@ async function startServer() {
     await authManager.initialize()
     await terminalManager.initialize()
     await instanceManager.initialize()
+    await pluginManager.loadPlugins()
     setAuthManager(authManager)
+    setPluginManager(pluginManager)
     
     // 设置schedulerManager与gameManager、instanceManager和terminalManager的关联
     schedulerManager.setGameManager(gameManager)
@@ -489,6 +499,9 @@ async function startServer() {
     
     // 设置天气路由
     app.use('/api/weather', weatherRouter)
+    
+    // 设置插件路由
+    app.use('/api/plugins', pluginsRouter)
 
     // 前端路由处理（SPA支持）
     app.get('*', (req, res) => {
diff --git a/server/src/modules/plugin/PluginManager.ts b/server/src/modules/plugin/PluginManager.ts
new file mode 100644
index 0000000..3173063
--- /dev/null
+++ b/server/src/modules/plugin/PluginManager.ts
@@ -0,0 +1,319 @@
+import { promises as fs } from 'fs'
+import path from 'path'
+import { fileURLToPath } from 'url'
+import winston from 'winston'
+
+const __filename = fileURLToPath(import.meta.url)
+const __dirname = path.dirname(__filename)
+
+export interface Plugin {
+  name: string
+  displayName: string
+  description: string
+  version: string
+  author: string
+  enabled: boolean
+  hasWebInterface: boolean
+  entryPoint?: string
+  icon?: string
+  category?: string
+}
+
+export interface PluginConfig {
+  name: string
+  displayName: string
+  description: string
+  version: string
+  author: string
+  enabled: boolean
+  hasWebInterface: boolean
+  entryPoint?: string
+  icon?: string
+  category?: string
+}
+
+export class PluginManager {
+  private plugins: Map<string, Plugin> = new Map()
+  private pluginsDir: string
+  private logger: winston.Logger
+
+  constructor(logger: winston.Logger) {
+    this.logger = logger
+    this.pluginsDir = path.join(__dirname, '../../../data/plugins')
+    this.initializePluginsDirectory()
+  }
+
+  private async initializePluginsDirectory(): Promise<void> {
+    try {
+      await fs.mkdir(this.pluginsDir, { recursive: true })
+      this.logger.info('插件目录已初始化:', this.pluginsDir)
+    } catch (error) {
+      this.logger.error('初始化插件目录失败:', error)
+    }
+  }
+
+  async loadPlugins(): Promise<void> {
+    try {
+      const entries = await fs.readdir(this.pluginsDir, { withFileTypes: true })
+      const pluginDirs = entries.filter(entry => entry.isDirectory())
+
+      for (const dir of pluginDirs) {
+        await this.loadPlugin(dir.name)
+      }
+
+      this.logger.info(`已加载 ${this.plugins.size} 个插件`)
+    } catch (error) {
+      this.logger.error('加载插件失败:', error)
+    }
+  }
+
+  private async loadPlugin(pluginName: string): Promise<void> {
+    try {
+      const pluginDir = path.join(this.pluginsDir, pluginName)
+      const configPath = path.join(pluginDir, 'plugin.json')
+
+      // 检查配置文件是否存在
+      try {
+        await fs.access(configPath)
+      } catch {
+        // 如果没有配置文件，创建默认配置
+        await this.createDefaultPluginConfig(pluginName, pluginDir)
+      }
+
+      const configContent = await fs.readFile(configPath, 'utf-8')
+      const config: PluginConfig = JSON.parse(configContent)
+
+      const plugin: Plugin = {
+        name: pluginName,
+        displayName: config.displayName || pluginName,
+        description: config.description || '暂无描述',
+        version: config.version || '1.0.0',
+        author: config.author || '未知',
+        enabled: config.enabled !== false,
+        hasWebInterface: config.hasWebInterface || false,
+        entryPoint: config.entryPoint || 'index.html',
+        icon: config.icon || 'puzzle',
+        category: config.category || '其他'
+      }
+
+      this.plugins.set(pluginName, plugin)
+      this.logger.info(`插件已加载: ${pluginName}`)
+    } catch (error) {
+      this.logger.error(`加载插件 ${pluginName} 失败:`, error)
+    }
+  }
+
+  private async createDefaultPluginConfig(pluginName: string, pluginDir: string): Promise<void> {
+    const defaultConfig: PluginConfig = {
+      name: pluginName,
+      displayName: pluginName,
+      description: '暂无描述',
+      version: '1.0.0',
+      author: '未知',
+      enabled: true,
+      hasWebInterface: true,
+      entryPoint: 'index.html',
+      icon: 'puzzle',
+      category: '其他'
+    }
+
+    const configPath = path.join(pluginDir, 'plugin.json')
+    await fs.writeFile(configPath, JSON.stringify(defaultConfig, null, 2), 'utf-8')
+    this.logger.info(`已为插件 ${pluginName} 创建默认配置`)
+  }
+
+  getPlugins(): Plugin[] {
+    return Array.from(this.plugins.values())
+  }
+
+  getPlugin(name: string): Plugin | undefined {
+    return this.plugins.get(name)
+  }
+
+  async enablePlugin(name: string): Promise<boolean> {
+    const plugin = this.plugins.get(name)
+    if (!plugin) {
+      return false
+    }
+
+    plugin.enabled = true
+    await this.savePluginConfig(name, plugin)
+    this.logger.info(`插件已启用: ${name}`)
+    return true
+  }
+
+  async disablePlugin(name: string): Promise<boolean> {
+    const plugin = this.plugins.get(name)
+    if (!plugin) {
+      return false
+    }
+
+    plugin.enabled = false
+    await this.savePluginConfig(name, plugin)
+    this.logger.info(`插件已禁用: ${name}`)
+    return true
+  }
+
+  private async savePluginConfig(name: string, plugin: Plugin): Promise<void> {
+    try {
+      const pluginDir = path.join(this.pluginsDir, name)
+      const configPath = path.join(pluginDir, 'plugin.json')
+      
+      const config: PluginConfig = {
+        name: plugin.name,
+        displayName: plugin.displayName,
+        description: plugin.description,
+        version: plugin.version,
+        author: plugin.author,
+        enabled: plugin.enabled,
+        hasWebInterface: plugin.hasWebInterface,
+        entryPoint: plugin.entryPoint,
+        icon: plugin.icon,
+        category: plugin.category
+      }
+
+      await fs.writeFile(configPath, JSON.stringify(config, null, 2), 'utf-8')
+    } catch (error) {
+      this.logger.error(`保存插件配置失败 ${name}:`, error)
+    }
+  }
+
+  async createPlugin(name: string, config: Partial<PluginConfig>): Promise<boolean> {
+    try {
+      const pluginDir = path.join(this.pluginsDir, name)
+      
+      // 检查插件是否已存在
+      if (this.plugins.has(name)) {
+        return false
+      }
+
+      // 创建插件目录
+      await fs.mkdir(pluginDir, { recursive: true })
+
+      // 创建插件配置
+      const pluginConfig: PluginConfig = {
+        name,
+        displayName: config.displayName || name,
+        description: config.description || '暂无描述',
+        version: config.version || '1.0.0',
+        author: config.author || '未知',
+        enabled: config.enabled !== false,
+        hasWebInterface: config.hasWebInterface !== false,
+        entryPoint: config.entryPoint || 'index.html',
+        icon: config.icon || 'puzzle',
+        category: config.category || '其他'
+      }
+
+      const configPath = path.join(pluginDir, 'plugin.json')
+      await fs.writeFile(configPath, JSON.stringify(pluginConfig, null, 2), 'utf-8')
+
+      // 创建默认的HTML文件
+      if (pluginConfig.hasWebInterface) {
+        const htmlContent = `<!DOCTYPE html>
+<html lang="zh-CN">
+<head>
+    <meta charset="UTF-8">
+    <meta name="viewport" content="width=device-width, initial-scale=1.0">
+    <title>${pluginConfig.displayName}</title>
+    <style>
+        body {
+            font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;
+            margin: 0;
+            padding: 20px;
+            background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);
+            color: white;
+            min-height: 100vh;
+        }
+        .container {
+            max-width: 800px;
+            margin: 0 auto;
+            background: rgba(255, 255, 255, 0.1);
+            padding: 30px;
+            border-radius: 15px;
+            backdrop-filter: blur(10px);
+            box-shadow: 0 8px 32px rgba(0, 0, 0, 0.1);
+        }
+        h1 {
+            text-align: center;
+            margin-bottom: 30px;
+            font-size: 2.5em;
+            text-shadow: 2px 2px 4px rgba(0, 0, 0, 0.3);
+        }
+        .info {
+            background: rgba(255, 255, 255, 0.1);
+            padding: 20px;
+            border-radius: 10px;
+            margin-bottom: 20px;
+        }
+        .info h3 {
+            margin-top: 0;
+            color: #ffd700;
+        }
+    </style>
+</head>
+<body>
+    <div class="container">
+        <h1>${pluginConfig.displayName}</h1>
+        <div class="info">
+            <h3>插件信息</h3>
+            <p><strong>名称:</strong> ${pluginConfig.displayName}</p>
+            <p><strong>版本:</strong> ${pluginConfig.version}</p>
+            <p><strong>作者:</strong> ${pluginConfig.author}</p>
+            <p><strong>描述:</strong> ${pluginConfig.description}</p>
+        </div>
+        <div class="info">
+            <h3>开发说明</h3>
+            <p>这是一个示例插件页面。您可以在此目录下创建自己的HTML、CSS和JavaScript文件来构建插件界面。</p>
+            <p>插件目录: <code>/data/plugins/${name}/</code></p>
+        </div>
+    </div>
+</body>
+</html>`
+        
+        const htmlPath = path.join(pluginDir, pluginConfig.entryPoint || 'index.html')
+        await fs.writeFile(htmlPath, htmlContent, 'utf-8')
+      }
+
+      // 重新加载插件
+      await this.loadPlugin(name)
+      
+      this.logger.info(`插件已创建: ${name}`)
+      return true
+    } catch (error) {
+      this.logger.error(`创建插件失败 ${name}:`, error)
+      return false
+    }
+  }
+
+  async deletePlugin(name: string): Promise<boolean> {
+    try {
+      const pluginDir = path.join(this.pluginsDir, name)
+      
+      // 检查插件是否存在
+      if (!this.plugins.has(name)) {
+        return false
+      }
+
+      // 删除插件目录
+      await fs.rm(pluginDir, { recursive: true, force: true })
+      
+      // 从内存中移除
+      this.plugins.delete(name)
+      
+      this.logger.info(`插件已删除: ${name}`)
+      return true
+    } catch (error) {
+      this.logger.error(`删除插件失败 ${name}:`, error)
+      return false
+    }
+  }
+
+  getPluginPath(name: string): string {
+    return path.join(this.pluginsDir, name)
+  }
+
+  cleanup(): void {
+    this.plugins.clear()
+    this.logger.info('PluginManager 已清理')
+  }
+}
\ No newline at end of file
diff --git a/server/src/routes/plugins.ts b/server/src/routes/plugins.ts
new file mode 100644
index 0000000..1712d75
--- /dev/null
+++ b/server/src/routes/plugins.ts
@@ -0,0 +1,328 @@
+import express from 'express'
+import path from 'path'
+import { promises as fs } from 'fs'
+import { authenticateToken } from '../middleware/auth.js'
+import type { PluginManager } from '../modules/plugin/PluginManager.js'
+
+const router = express.Router()
+
+let pluginManager: PluginManager
+
+export function setPluginManager(manager: PluginManager) {
+  pluginManager = manager
+}
+
+// 获取所有插件列表
+router.get('/list', authenticateToken, async (req, res) => {
+  try {
+    const plugins = pluginManager.getPlugins()
+    res.json({
+      success: true,
+      data: plugins
+    })
+  } catch (error) {
+    console.error('获取插件列表失败:', error)
+    res.status(500).json({
+      success: false,
+      message: '获取插件列表失败',
+      error: error instanceof Error ? error.message : '未知错误'
+    })
+  }
+})
+
+// 获取单个插件信息
+router.get('/:name', authenticateToken, async (req, res) => {
+  try {
+    const { name } = req.params
+    const plugin = pluginManager.getPlugin(name)
+    
+    if (!plugin) {
+      return res.status(404).json({
+        success: false,
+        message: '插件不存在'
+      })
+    }
+
+    res.json({
+      success: true,
+      data: plugin
+    })
+  } catch (error) {
+    console.error('获取插件信息失败:', error)
+    res.status(500).json({
+      success: false,
+      message: '获取插件信息失败',
+      error: error instanceof Error ? error.message : '未知错误'
+    })
+  }
+})
+
+// 启用插件
+router.post('/:name/enable', authenticateToken, async (req, res) => {
+  try {
+    const { name } = req.params
+    const success = await pluginManager.enablePlugin(name)
+    
+    if (!success) {
+      return res.status(404).json({
+        success: false,
+        message: '插件不存在'
+      })
+    }
+
+    res.json({
+      success: true,
+      message: '插件已启用'
+    })
+  } catch (error) {
+    console.error('启用插件失败:', error)
+    res.status(500).json({
+      success: false,
+      message: '启用插件失败',
+      error: error instanceof Error ? error.message : '未知错误'
+    })
+  }
+})
+
+// 禁用插件
+router.post('/:name/disable', authenticateToken, async (req, res) => {
+  try {
+    const { name } = req.params
+    const success = await pluginManager.disablePlugin(name)
+    
+    if (!success) {
+      return res.status(404).json({
+        success: false,
+        message: '插件不存在'
+      })
+    }
+
+    res.json({
+      success: true,
+      message: '插件已禁用'
+    })
+  } catch (error) {
+    console.error('禁用插件失败:', error)
+    res.status(500).json({
+      success: false,
+      message: '禁用插件失败',
+      error: error instanceof Error ? error.message : '未知错误'
+    })
+  }
+})
+
+// 创建新插件
+router.post('/create', authenticateToken, async (req, res) => {
+  try {
+    const { name, displayName, description, version, author, category, icon } = req.body
+    
+    if (!name) {
+      return res.status(400).json({
+        success: false,
+        message: '插件名称不能为空'
+      })
+    }
+
+    // 验证插件名称格式（只允许字母、数字、下划线、连字符）
+    if (!/^[a-zA-Z0-9_-]+$/.test(name)) {
+      return res.status(400).json({
+        success: false,
+        message: '插件名称只能包含字母、数字、下划线和连字符'
+      })
+    }
+
+    const success = await pluginManager.createPlugin(name, {
+      displayName,
+      description,
+      version,
+      author,
+      category,
+      icon
+    })
+    
+    if (!success) {
+      return res.status(400).json({
+        success: false,
+        message: '插件已存在或创建失败'
+      })
+    }
+
+    res.json({
+      success: true,
+      message: '插件创建成功'
+    })
+  } catch (error) {
+    console.error('创建插件失败:', error)
+    res.status(500).json({
+      success: false,
+      message: '创建插件失败',
+      error: error instanceof Error ? error.message : '未知错误'
+    })
+  }
+})
+
+// 删除插件
+router.delete('/:name', authenticateToken, async (req, res) => {
+  try {
+    const { name } = req.params
+    const success = await pluginManager.deletePlugin(name)
+    
+    if (!success) {
+      return res.status(404).json({
+        success: false,
+        message: '插件不存在'
+      })
+    }
+
+    res.json({
+      success: true,
+      message: '插件删除成功'
+    })
+  } catch (error) {
+    console.error('删除插件失败:', error)
+    res.status(500).json({
+      success: false,
+      message: '删除插件失败',
+      error: error instanceof Error ? error.message : '未知错误'
+    })
+  }
+})
+
+// 获取插件文件内容
+router.get('/:name/files/*', authenticateToken, async (req, res) => {
+  try {
+    const { name } = req.params
+    const filePath = req.params[0] || 'index.html'
+    
+    const plugin = pluginManager.getPlugin(name)
+    if (!plugin) {
+      return res.status(404).json({
+        success: false,
+        message: '插件不存在'
+      })
+    }
+
+    const pluginPath = pluginManager.getPluginPath(name)
+    const fullPath = path.join(pluginPath, filePath)
+    
+    // 安全检查：确保文件路径在插件目录内
+    const normalizedPluginPath = path.normalize(pluginPath)
+    const normalizedFullPath = path.normalize(fullPath)
+    if (!normalizedFullPath.startsWith(normalizedPluginPath)) {
+      return res.status(403).json({
+        success: false,
+        message: '访问被拒绝'
+      })
+    }
+
+    try {
+      const stats = await fs.stat(fullPath)
+      if (!stats.isFile()) {
+        return res.status(404).json({
+          success: false,
+          message: '文件不存在'
+        })
+      }
+
+      // 根据文件扩展名设置Content-Type
+      const ext = path.extname(filePath).toLowerCase()
+      const contentTypes: { [key: string]: string } = {
+        '.html': 'text/html; charset=utf-8',
+        '.css': 'text/css; charset=utf-8',
+        '.js': 'application/javascript; charset=utf-8',
+        '.json': 'application/json; charset=utf-8',
+        '.png': 'image/png',
+        '.jpg': 'image/jpeg',
+        '.jpeg': 'image/jpeg',
+        '.gif': 'image/gif',
+        '.svg': 'image/svg+xml',
+        '.ico': 'image/x-icon'
+      }
+
+      // 对于HTML、CSS、JS等文本文件，返回JSON格式的内容
+      if (['.html', '.css', '.js', '.json'].includes(ext)) {
+        const fileContent = await fs.readFile(fullPath, 'utf-8')
+        res.json({
+          success: true,
+          data: fileContent
+        })
+      } else {
+        // 对于图片等二进制文件，直接返回文件内容
+        const contentType = contentTypes[ext] || 'application/octet-stream'
+        res.setHeader('Content-Type', contentType)
+        const fileContent = await fs.readFile(fullPath)
+        res.send(fileContent)
+      }
+    } catch (fileError) {
+      return res.status(404).json({
+        success: false,
+        message: '文件不存在'
+      })
+    }
+  } catch (error) {
+    console.error('获取插件文件失败:', error)
+    res.status(500).json({
+      success: false,
+      message: '获取插件文件失败',
+      error: error instanceof Error ? error.message : '未知错误'
+    })
+  }
+})
+
+// 更新插件文件内容
+router.put('/:name/files/*', authenticateToken, async (req, res) => {
+  try {
+    const { name } = req.params
+    const filePath = req.params[0]
+    const { content } = req.body
+    
+    if (!filePath) {
+      return res.status(400).json({
+        success: false,
+        message: '文件路径不能为空'
+      })
+    }
+
+    const plugin = pluginManager.getPlugin(name)
+    if (!plugin) {
+      return res.status(404).json({
+        success: false,
+        message: '插件不存在'
+      })
+    }
+
+    const pluginPath = pluginManager.getPluginPath(name)
+    const fullPath = path.join(pluginPath, filePath)
+    
+    // 安全检查：确保文件路径在插件目录内
+    const normalizedPluginPath = path.normalize(pluginPath)
+    const normalizedFullPath = path.normalize(fullPath)
+    if (!normalizedFullPath.startsWith(normalizedPluginPath)) {
+      return res.status(403).json({
+        success: false,
+        message: '访问被拒绝'
+      })
+    }
+
+    // 确保目录存在
+    const dir = path.dirname(fullPath)
+    await fs.mkdir(dir, { recursive: true })
+    
+    // 写入文件
+    await fs.writeFile(fullPath, content, 'utf-8')
+
+    res.json({
+      success: true,
+      message: '文件保存成功'
+    })
+  } catch (error) {
+    console.error('保存插件文件失败:', error)
+    res.status(500).json({
+      success: false,
+      message: '保存插件文件失败',
+      error: error instanceof Error ? error.message : '未知错误'
+    })
+  }
+})
+
+export default router
\ No newline at end of file