diff --git a/backend/README.md b/backend/README.md
index e1372e7..67e95f8 100644
--- a/backend/README.md
+++ b/backend/README.md
@@ -19,11 +19,13 @@ backend/
 │   ├── auth.js          # 认证路由
 │   ├── artwork.js       # 作品路由
 │   ├── artist.js        # 作者路由
-│   └── download.js      # 下载路由
+│   ├── download.js      # 下载路由
+│   └── repository.js    # 仓库管理路由
 ├── services/            # 服务层
 │   ├── artwork.js       # 作品服务
 │   ├── artist.js        # 作者服务
-│   └── download.js      # 下载服务
+│   ├── download.js      # 下载服务
+│   └── repository.js    # 仓库管理服务
 └── utils/               # 工具类
     └── response.js      # 响应工具
 ```
@@ -79,6 +81,29 @@ backend/
 - `GET /api/proxy/image` - 图片代理服务
   - 参数: `url` (图片URL)
 
+### 仓库管理相关
+
+- `POST /api/repository/initialize` - 初始化仓库
+- `GET /api/repository/config` - 获取仓库配置
+- `PUT /api/repository/config` - 更新仓库配置
+- `GET /api/repository/stats` - 获取仓库统计信息
+- `GET /api/repository/artists` - 获取作者列表
+  - 参数: `offset`, `limit`
+- `GET /api/repository/artists/:artistName/artworks` - 获取作者作品列表
+  - 参数: `offset`, `limit`
+- `GET /api/repository/search` - 搜索作品
+  - 参数: `q`, `offset`, `limit`
+- `GET /api/repository/artworks/:artworkId` - 获取作品详情
+- `DELETE /api/repository/artworks/:artworkId` - 删除作品
+- `POST /api/repository/migrate` - 自动迁移旧项目
+  - 参数: `sourceDir` (源目录路径)
+- `GET /api/repository/preview` - 文件预览代理
+  - 参数: `path` (文件路径)
+- `GET /api/repository/file-info` - 获取文件信息
+  - 参数: `path` (文件路径)
+- `GET /api/repository/directory` - 获取目录结构
+  - 参数: `path` (目录路径)
+
 ## 🔧 配置说明
 
 ### 代理配置
@@ -110,6 +135,7 @@ backend/
 - **artwork.js**: 作品相关路由
 - **artist.js**: 作者相关路由
 - **download.js**: 下载相关路由
+- **repository.js**: 仓库管理路由
 - **proxy.js**: 代理服务路由
 
 ### 服务层
@@ -117,6 +143,7 @@ backend/
 - **artwork.js**: 作品服务，处理作品API调用
 - **artist.js**: 作者服务，处理作者API调用
 - **download.js**: 下载服务，处理文件下载
+- **repository.js**: 仓库管理服务，处理文件管理和配置
 
 ### 工具类
 
@@ -148,6 +175,15 @@ backend/
 - 自动刷新令牌
 - 登录状态管理
 
+### 5. 仓库管理
+- 文件存储配置管理
+- 作品文件浏览和搜索
+- 按作者分类浏览
+- 文件预览和下载
+- 自动迁移旧项目
+- 磁盘使用情况监控
+- 作品删除管理
+
 ## 🔒 安全特性
 
 - 统一的错误处理
diff --git a/backend/routes/repository.js b/backend/routes/repository.js
new file mode 100644
index 0000000..f6b982d
--- /dev/null
+++ b/backend/routes/repository.js
@@ -0,0 +1,280 @@
+const express = require('express')
+const path = require('path')
+const fs = require('fs').promises
+const RepositoryService = require('../services/repository')
+const ResponseUtil = require('../utils/response')
+
+const router = express.Router()
+const repositoryService = new RepositoryService()
+
+// 初始化仓库
+router.post('/initialize', async (req, res) => {
+  try {
+    const result = await repositoryService.initialize()
+    res.json(ResponseUtil.success(result))
+  } catch (error) {
+    res.status(500).json(ResponseUtil.error(error.message))
+  }
+})
+
+// 获取仓库配置
+router.get('/config', async (req, res) => {
+  try {
+    const config = await repositoryService.getConfig()
+    res.json(ResponseUtil.success(config))
+  } catch (error) {
+    res.status(500).json(ResponseUtil.error(error.message))
+  }
+})
+
+// 更新仓库配置
+router.put('/config', async (req, res) => {
+  try {
+    const result = await repositoryService.updateConfig(req.body)
+    res.json(ResponseUtil.success(result))
+  } catch (error) {
+    res.status(500).json(ResponseUtil.error(error.message))
+  }
+})
+
+// 获取仓库统计信息
+router.get('/stats', async (req, res) => {
+  try {
+    const stats = await repositoryService.getStats()
+    res.json(ResponseUtil.success(stats))
+  } catch (error) {
+    res.status(500).json(ResponseUtil.error(error.message))
+  }
+})
+
+// 获取所有作者列表
+router.get('/artists', async (req, res) => {
+  try {
+    const { offset = 0, limit = 50 } = req.query
+    const artists = await repositoryService.getArtists(parseInt(offset), parseInt(limit))
+    res.json(ResponseUtil.success(artists))
+  } catch (error) {
+    res.status(500).json(ResponseUtil.error(error.message))
+  }
+})
+
+// 获取作者作品列表
+router.get('/artists/:artistName/artworks', async (req, res) => {
+  try {
+    const { artistName } = req.params
+    const { offset = 0, limit = 20 } = req.query
+    const artworks = await repositoryService.getArtworksByArtist(
+      artistName, 
+      parseInt(offset), 
+      parseInt(limit)
+    )
+    res.json(ResponseUtil.success(artworks))
+  } catch (error) {
+    res.status(500).json(ResponseUtil.error(error.message))
+  }
+})
+
+// 搜索作品
+router.get('/search', async (req, res) => {
+  try {
+    const { q, offset = 0, limit = 20 } = req.query
+    if (!q) {
+      return res.status(400).json(ResponseUtil.error('搜索关键词不能为空'))
+    }
+    
+    const results = await repositoryService.searchArtworks(q, parseInt(offset), parseInt(limit))
+    res.json(ResponseUtil.success(results))
+  } catch (error) {
+    res.status(500).json(ResponseUtil.error(error.message))
+  }
+})
+
+// 获取作品详情
+router.get('/artworks/:artworkId', async (req, res) => {
+  try {
+    const { artworkId } = req.params
+    const artwork = await repositoryService.findArtworkById(artworkId)
+    
+    if (!artwork) {
+      return res.status(404).json(ResponseUtil.error('作品不存在'))
+    }
+    
+    res.json(ResponseUtil.success(artwork))
+  } catch (error) {
+    res.status(500).json(ResponseUtil.error(error.message))
+  }
+})
+
+// 删除作品
+router.delete('/artworks/:artworkId', async (req, res) => {
+  try {
+    const { artworkId } = req.params
+    const result = await repositoryService.deleteArtwork(artworkId)
+    res.json(ResponseUtil.success(result))
+  } catch (error) {
+    res.status(500).json(ResponseUtil.error(error.message))
+  }
+})
+
+// 自动迁移旧项目
+router.post('/migrate', async (req, res) => {
+  try {
+    const { sourceDir } = req.body
+    if (!sourceDir) {
+      return res.status(400).json(ResponseUtil.error('源目录不能为空'))
+    }
+    
+    const result = await repositoryService.migrateOldProjects(sourceDir)
+    res.json(ResponseUtil.success(result))
+  } catch (error) {
+    res.status(500).json(ResponseUtil.error(error.message))
+  }
+})
+
+// 文件预览代理
+router.get('/preview', async (req, res) => {
+  try {
+    const { path: filePath } = req.query
+    if (!filePath) {
+      return res.status(400).json(ResponseUtil.error('文件路径不能为空'))
+    }
+    
+    const fullPath = path.join(repositoryService.baseDir, filePath)
+    
+    // 安全检查：确保文件在仓库目录内
+    const relativePath = path.relative(repositoryService.baseDir, fullPath)
+    
+    if (relativePath.startsWith('..') || path.isAbsolute(relativePath)) {
+      return res.status(403).json(ResponseUtil.error('访问被拒绝'))
+    }
+    
+    // 检查文件是否存在
+    try {
+      await fs.access(fullPath)
+    } catch (error) {
+      return res.status(404).json(ResponseUtil.error('文件不存在'))
+    }
+    
+    // 获取文件信息
+    const stats = await fs.stat(fullPath)
+    const ext = path.extname(fullPath).toLowerCase()
+    
+    // 设置响应头
+    res.setHeader('Content-Type', getContentType(ext))
+    res.setHeader('Content-Length', stats.size)
+    res.setHeader('Cache-Control', 'public, max-age=3600')
+    
+    // 流式传输文件
+    const fileStream = require('fs').createReadStream(fullPath)
+    fileStream.pipe(res)
+  } catch (error) {
+    res.status(500).json(ResponseUtil.error(error.message))
+  }
+})
+
+// 获取文件信息
+router.get('/file-info', async (req, res) => {
+  try {
+    const { path: filePath } = req.query
+    if (!filePath) {
+      return res.status(400).json(ResponseUtil.error('文件路径不能为空'))
+    }
+    
+    const fullPath = path.join(repositoryService.baseDir, filePath)
+    
+    // 安全检查
+    const relativePath = path.relative(repositoryService.baseDir, fullPath)
+    if (relativePath.startsWith('..') || path.isAbsolute(relativePath)) {
+      return res.status(403).json(ResponseUtil.error('访问被拒绝'))
+    }
+    
+    const stats = await fs.stat(fullPath)
+    const ext = path.extname(fullPath).toLowerCase()
+    
+    res.json(ResponseUtil.success({
+      name: path.basename(fullPath),
+      path: filePath,
+      size: stats.size,
+      extension: ext,
+      modifiedAt: stats.mtime,
+      createdAt: stats.birthtime,
+      contentType: getContentType(ext),
+      previewUrl: `/api/repository/preview?path=${encodeURIComponent(filePath)}`
+    }))
+  } catch (error) {
+    res.status(500).json(ResponseUtil.error(error.message))
+  }
+})
+
+// 获取目录结构
+router.get('/directory', async (req, res) => {
+  try {
+    const { path: dirPath = '' } = req.query
+    const fullPath = path.join(repositoryService.baseDir, dirPath)
+    
+    // 安全检查
+    const relativePath = path.relative(repositoryService.baseDir, fullPath)
+    if (relativePath.startsWith('..') || path.isAbsolute(relativePath)) {
+      return res.status(403).json(ResponseUtil.error('访问被拒绝'))
+    }
+    
+    const entries = await fs.readdir(fullPath, { withFileTypes: true })
+    const items = []
+    
+    for (const entry of entries) {
+      const itemPath = path.join(dirPath, entry.name)
+      const fullItemPath = path.join(fullPath, entry.name)
+      
+      if (entry.isDirectory()) {
+        items.push({
+          type: 'directory',
+          name: entry.name,
+          path: itemPath
+        })
+      } else {
+        const ext = path.extname(entry.name).toLowerCase()
+        if (repositoryService.config.allowedExtensions.includes(ext)) {
+          const stats = await fs.stat(fullItemPath)
+          items.push({
+            type: 'file',
+            name: entry.name,
+            path: itemPath,
+            size: stats.size,
+            extension: ext,
+            modifiedAt: stats.mtime
+          })
+        }
+      }
+    }
+    
+    res.json(ResponseUtil.success({
+      path: dirPath,
+      items: items.sort((a, b) => {
+        // 目录在前，文件在后
+        if (a.type !== b.type) {
+          return a.type === 'directory' ? -1 : 1
+        }
+        return a.name.localeCompare(b.name)
+      })
+    }))
+  } catch (error) {
+    res.status(500).json(ResponseUtil.error(error.message))
+  }
+})
+
+// 获取内容类型
+function getContentType(extension) {
+  const contentTypes = {
+    '.jpg': 'image/jpeg',
+    '.jpeg': 'image/jpeg',
+    '.png': 'image/png',
+    '.gif': 'image/gif',
+    '.webp': 'image/webp',
+    '.bmp': 'image/bmp',
+    '.svg': 'image/svg+xml'
+  }
+  
+  return contentTypes[extension.toLowerCase()] || 'application/octet-stream'
+}
+
+module.exports = router 
\ No newline at end of file
diff --git a/backend/scripts/migrate-downloads.js b/backend/scripts/migrate-downloads.js
new file mode 100644
index 0000000..42cdfb0
--- /dev/null
+++ b/backend/scripts/migrate-downloads.js
@@ -0,0 +1,88 @@
+const fs = require('fs').promises
+const path = require('path')
+const fsExtra = require('fs-extra')
+
+/**
+ * 转换现有的下载格式为仓库管理格式
+ * 从: {artistName}_{artworkId}/{artworkTitle}/
+ * 到: {artistName}/{artworkId}_{artworkTitle}/
+ */
+async function migrateDownloads() {
+  const downloadsPath = path.join(__dirname, '../../downloads')
+  
+  try {
+    console.log('开始转换下载格式...')
+    
+    // 读取downloads目录
+    const entries = await fs.readdir(downloadsPath, { withFileTypes: true })
+    
+    for (const entry of entries) {
+      if (!entry.isDirectory()) continue
+      
+      const oldDirName = entry.name
+      console.log(`处理目录: ${oldDirName}`)
+      
+      // 解析目录名: {artistName}_{artworkId}
+      const match = oldDirName.match(/^(.+)_(\d+)$/)
+      if (!match) {
+        console.log(`跳过不符合格式的目录: ${oldDirName}`)
+        continue
+      }
+      
+      const [, artistName, artworkId] = match
+      const oldDirPath = path.join(downloadsPath, oldDirName)
+      
+      // 读取作品目录
+      const artworkEntries = await fs.readdir(oldDirPath, { withFileTypes: true })
+      
+      for (const artworkEntry of artworkEntries) {
+        if (!artworkEntry.isDirectory()) continue
+        
+        const artworkTitle = artworkEntry.name
+        const oldArtworkPath = path.join(oldDirPath, artworkTitle)
+        
+        // 新的目录结构
+        const newArtistDir = path.join(downloadsPath, artistName)
+        const newArtworkDirName = `${artworkId}_${artworkTitle}`
+        const newArtworkPath = path.join(newArtistDir, newArtworkDirName)
+        
+        console.log(`转换: ${oldArtworkPath} -> ${newArtworkPath}`)
+        
+        try {
+          // 创建新的作者目录
+          await fsExtra.ensureDir(newArtistDir)
+          
+          // 移动作品目录
+          await fsExtra.move(oldArtworkPath, newArtworkPath)
+          
+          console.log(`✓ 成功转换: ${artworkTitle}`)
+        } catch (error) {
+          console.error(`✗ 转换失败: ${artworkTitle}`, error.message)
+        }
+      }
+      
+      // 检查原目录是否为空，如果为空则删除
+      try {
+        const remainingEntries = await fs.readdir(oldDirPath)
+        if (remainingEntries.length === 0) {
+          await fsExtra.remove(oldDirPath)
+          console.log(`删除空目录: ${oldDirPath}`)
+        }
+      } catch (error) {
+        console.error(`删除目录失败: ${oldDirPath}`, error.message)
+      }
+    }
+    
+    console.log('转换完成！')
+    
+  } catch (error) {
+    console.error('转换过程中发生错误:', error)
+  }
+}
+
+// 如果直接运行此脚本
+if (require.main === module) {
+  migrateDownloads()
+}
+
+module.exports = { migrateDownloads } 
\ No newline at end of file
diff --git a/backend/server.js b/backend/server.js
index 8669f04..161b140 100644
--- a/backend/server.js
+++ b/backend/server.js
@@ -9,6 +9,7 @@ const artworkRoutes = require('./routes/artwork');
 const artistRoutes = require('./routes/artist');
 const downloadRoutes = require('./routes/download');
 const proxyRoutes = require('./routes/proxy');
+const repositoryRoutes = require('./routes/repository');
 
 // 导入中间件 - 临时注释掉来定位问题
 const { errorHandler } = require('./middleware/errorHandler');
@@ -101,6 +102,7 @@ class PixivServer {
     this.app.use('/api/artwork', authMiddleware, artworkRoutes);
     this.app.use('/api/artist', authMiddleware, artistRoutes);
     this.app.use('/api/download', authMiddleware, downloadRoutes);
+    this.app.use('/api/repository', repositoryRoutes); // 仓库管理，不需要认证
     this.app.use('/api/proxy', proxyRoutes); // 图片代理，不需要认证
     
     // 404 处理
diff --git a/backend/services/download.js b/backend/services/download.js
index 17168cf..afee057 100644
--- a/backend/services/download.js
+++ b/backend/services/download.js
@@ -374,8 +374,10 @@ class DownloadService {
       const artistName = (artwork.user.name || 'Unknown Artist').replace(/[<>:"/\\|?*]/g, '_');
       const artworkTitle = (artwork.title || 'Untitled').replace(/[<>:"/\\|?*]/g, '_');
       
-      // 创建作品目录
-      const artworkDir = path.join(this.downloadPath, `${artistName}_${artworkId}`, artworkTitle);
+      // 创建作品目录 - 使用仓库管理格式
+      const artistDir = path.join(this.downloadPath, artistName);
+      const artworkDirName = `${artworkId}_${artworkTitle}`;
+      const artworkDir = path.join(artistDir, artworkDirName);
       await fs.ensureDir(artworkDir);
 
       // 获取图片URL
diff --git a/backend/services/repository.js b/backend/services/repository.js
new file mode 100644
index 0000000..f43d7d8
--- /dev/null
+++ b/backend/services/repository.js
@@ -0,0 +1,414 @@
+const fs = require('fs').promises
+const path = require('path')
+const { promisify } = require('util')
+const { exec } = require('child_process')
+const execAsync = promisify(exec)
+
+class RepositoryService {
+  constructor() {
+    this.baseDir = process.env.DOWNLOAD_DIR || path.join(process.cwd(), 'downloads')
+    this.configFile = path.join(this.baseDir, '.repository-config.json')
+  }
+
+  // 初始化仓库
+  async initialize() {
+    try {
+      await fs.mkdir(this.baseDir, { recursive: true })
+      await this.loadConfig()
+      return { success: true, message: '仓库初始化成功' }
+    } catch (error) {
+      throw new Error(`仓库初始化失败: ${error.message}`)
+    }
+  }
+
+  // 加载配置
+  async loadConfig() {
+    try {
+      const configData = await fs.readFile(this.configFile, 'utf8')
+      this.config = JSON.parse(configData)
+    } catch (error) {
+      // 如果配置文件不存在，创建默认配置
+      this.config = {
+        downloadDir: this.baseDir,
+        autoMigration: false,
+        migrationRules: [],
+        fileStructure: 'artist/artwork', // artist/artwork, artwork, flat
+        namingPattern: '{artist_name}/{artwork_id}_{title}',
+        maxFileSize: 0, // 0表示无限制
+        allowedExtensions: ['.jpg', '.png', '.gif', '.webp']
+      }
+      await this.saveConfig()
+    }
+  }
+
+  // 保存配置
+  async saveConfig() {
+    try {
+      await fs.writeFile(this.configFile, JSON.stringify(this.config, null, 2))
+    } catch (error) {
+      throw new Error(`保存配置失败: ${error.message}`)
+  }
+  }
+
+  // 获取仓库配置
+  async getConfig() {
+    await this.loadConfig()
+    return this.config
+  }
+
+  // 更新仓库配置
+  async updateConfig(newConfig) {
+    this.config = { ...this.config, ...newConfig }
+    await this.saveConfig()
+    return { success: true, message: '配置更新成功' }
+  }
+
+  // 获取仓库统计信息
+  async getStats() {
+    try {
+      const stats = await this.scanRepository()
+      return {
+        totalArtworks: stats.artworks.length,
+        totalArtists: stats.artists.length,
+        totalSize: stats.totalSize,
+        diskUsage: await this.getDiskUsage(),
+        lastScan: new Date().toISOString()
+      }
+    } catch (error) {
+      throw new Error(`获取统计信息失败: ${error.message}`)
+    }
+  }
+
+  // 扫描仓库
+  async scanRepository() {
+    const artworks = []
+    const artists = new Set()
+    let totalSize = 0
+
+    try {
+      // 确保配置已加载
+      await this.loadConfig()
+      
+      // 扫描作者目录
+      const artistEntries = await fs.readdir(this.baseDir, { withFileTypes: true })
+      
+      for (const artistEntry of artistEntries) {
+        if (!artistEntry.isDirectory()) continue
+        
+        // 跳过配置文件和隐藏文件
+        if (artistEntry.name.startsWith('.') || artistEntry.name === '.repository-config.json') {
+          continue
+        }
+        
+        const artistName = artistEntry.name
+        const artistPath = path.join(this.baseDir, artistName)
+        
+        // 扫描作者下的作品目录
+        const artworkEntries = await fs.readdir(artistPath, { withFileTypes: true })
+        
+        for (const artworkEntry of artworkEntries) {
+          if (!artworkEntry.isDirectory()) continue
+          
+          const fullPath = path.join(artistPath, artworkEntry.name)
+          
+          // 检查是否是作品目录（包含数字ID）
+          const artworkMatch = artworkEntry.name.match(/^(\d+)_(.+)$/)
+          if (artworkMatch) {
+            const artworkId = artworkMatch[1]
+            const title = artworkMatch[2]
+            
+            // 扫描作品文件
+            const files = await this.scanArtworkFiles(fullPath)
+            
+            if (files.length > 0) {
+              artworks.push({
+                id: artworkId,
+                title: title,
+                artist: artistName,
+                artistPath: artistPath,
+                path: fullPath,
+                files: files,
+                size: files.reduce((sum, file) => sum + file.size, 0),
+                createdAt: await this.getFileCreationTime(fullPath)
+              })
+              artists.add(artistName)
+              totalSize += files.reduce((sum, file) => sum + file.size, 0)
+            }
+          }
+        }
+      }
+      
+      return {
+        artworks,
+        artists: Array.from(artists),
+        totalSize
+      }
+    } catch (error) {
+      throw new Error(`扫描仓库失败: ${error.message}`)
+    }
+  }
+
+  // 扫描作品文件
+  async scanArtworkFiles(artworkPath) {
+    try {
+      // 确保配置已加载
+      await this.loadConfig()
+      
+      const files = []
+      const entries = await fs.readdir(artworkPath, { withFileTypes: true })
+      
+      for (const entry of entries) {
+        if (entry.isFile()) {
+          const filePath = path.join(artworkPath, entry.name)
+          const ext = path.extname(entry.name).toLowerCase()
+          
+          if (this.config.allowedExtensions.includes(ext)) {
+            const stats = await fs.stat(filePath)
+            files.push({
+              name: entry.name,
+              path: path.relative(this.baseDir, filePath),
+              size: stats.size,
+              extension: ext,
+              modifiedAt: stats.mtime
+            })
+          }
+        }
+      }
+      
+      return files
+    } catch (error) {
+      return []
+    }
+  }
+
+  // 获取文件创建时间
+  async getFileCreationTime(filePath) {
+    try {
+      const stats = await fs.stat(filePath)
+      return stats.birthtime
+    } catch (error) {
+      return new Date()
+    }
+  }
+
+  // 获取磁盘使用情况
+  async getDiskUsage() {
+    try {
+      const stats = await fs.statfs(this.baseDir)
+      const total = stats.blocks * stats.bsize
+      const free = stats.bavail * stats.bsize
+      const used = total - free
+      
+      return {
+        total,
+        used,
+        free,
+        usagePercent: Math.round((used / total) * 100)
+      }
+    } catch (error) {
+      return { total: 0, used: 0, free: 0, usagePercent: 0 }
+    }
+  }
+
+  // 按作者浏览作品
+  async getArtworksByArtist(artistName, offset = 0, limit = 20) {
+    try {
+      const stats = await this.scanRepository()
+      const artistArtworks = stats.artworks.filter(artwork => 
+        artwork.artist === artistName
+      )
+      
+      return {
+        artworks: artistArtworks.slice(offset, offset + limit),
+        total: artistArtworks.length,
+        offset,
+        limit
+      }
+    } catch (error) {
+      throw new Error(`获取作者作品失败: ${error.message}`)
+    }
+  }
+
+  // 按作品ID查找
+  async findArtworkById(artworkId) {
+    try {
+      const stats = await this.scanRepository()
+      return stats.artworks.find(artwork => artwork.id === artworkId)
+    } catch (error) {
+      throw new Error(`查找作品失败: ${error.message}`)
+    }
+  }
+
+  // 搜索作品
+  async searchArtworks(query, offset = 0, limit = 20) {
+    try {
+      const stats = await this.scanRepository()
+      const filtered = stats.artworks.filter(artwork =>
+        artwork.title.toLowerCase().includes(query.toLowerCase()) ||
+        artwork.artist.toLowerCase().includes(query.toLowerCase()) ||
+        artwork.id.includes(query)
+      )
+      
+      return {
+        artworks: filtered.slice(offset, offset + limit),
+        total: filtered.length,
+        offset,
+        limit
+      }
+    } catch (error) {
+      throw new Error(`搜索作品失败: ${error.message}`)
+    }
+  }
+
+  // 获取所有作者列表
+  async getArtists(offset = 0, limit = 50) {
+    try {
+      const stats = await this.scanRepository()
+      const artists = stats.artists.slice(offset, offset + limit)
+      
+      // 获取每个作者的统计信息
+      const artistsWithStats = artists.map(artistName => {
+        const artistArtworks = stats.artworks.filter(artwork => artwork.artist === artistName)
+        const totalSize = artistArtworks.reduce((sum, artwork) => sum + artwork.size, 0)
+        
+        return {
+          name: artistName,
+          artworkCount: artistArtworks.length,
+          totalSize,
+          lastUpdated: artistArtworks.length > 0 
+            ? Math.max(...artistArtworks.map(a => new Date(a.createdAt).getTime()))
+            : null
+        }
+      })
+      
+      return {
+        artists: artistsWithStats,
+        total: stats.artists.length,
+        offset,
+        limit
+      }
+    } catch (error) {
+      throw new Error(`获取作者列表失败: ${error.message}`)
+    }
+  }
+
+  // 自动迁移旧项目
+  async migrateOldProjects(sourceDir) {
+    try {
+      const migrationLog = []
+      
+      // 扫描源目录
+      const scanSource = async (dirPath, relativePath = '') => {
+        const entries = await fs.readdir(dirPath, { withFileTypes: true })
+        
+        for (const entry of entries) {
+          const fullPath = path.join(dirPath, entry.name)
+          const newRelativePath = path.join(relativePath, entry.name)
+          
+          if (entry.isDirectory()) {
+            // 检查是否是作品目录
+            const artworkMatch = entry.name.match(/^(\d+)_(.+)$/)
+            if (artworkMatch) {
+              const artworkId = artworkMatch[1]
+              const title = artworkMatch[2]
+              
+              // 检查是否已存在
+              const existingArtwork = await this.findArtworkById(artworkId)
+              if (!existingArtwork) {
+                // 迁移作品
+                const targetPath = path.join(this.baseDir, newRelativePath)
+                await fs.mkdir(path.dirname(targetPath), { recursive: true })
+                await this.copyDirectory(fullPath, targetPath)
+                
+                migrationLog.push({
+                  type: 'artwork',
+                  id: artworkId,
+                  title: title,
+                  source: fullPath,
+                  target: targetPath,
+                  status: 'success'
+                })
+              } else {
+                migrationLog.push({
+                  type: 'artwork',
+                  id: artworkId,
+                  title: title,
+                  source: fullPath,
+                  status: 'skipped',
+                  reason: '已存在'
+                })
+              }
+            } else {
+              // 递归扫描子目录
+              await scanSource(fullPath, newRelativePath)
+            }
+          }
+        }
+      }
+      
+      await scanSource(sourceDir)
+      
+      return {
+        success: true,
+        message: '迁移完成',
+        log: migrationLog,
+        totalMigrated: migrationLog.filter(item => item.status === 'success').length
+      }
+    } catch (error) {
+      throw new Error(`迁移失败: ${error.message}`)
+    }
+  }
+
+  // 复制目录
+  async copyDirectory(source, target) {
+    try {
+      await fs.mkdir(target, { recursive: true })
+      const entries = await fs.readdir(source, { withFileTypes: true })
+      
+      for (const entry of entries) {
+        const sourcePath = path.join(source, entry.name)
+        const targetPath = path.join(target, entry.name)
+        
+        if (entry.isDirectory()) {
+          await this.copyDirectory(sourcePath, targetPath)
+        } else {
+          await fs.copyFile(sourcePath, targetPath)
+        }
+      }
+    } catch (error) {
+      throw new Error(`复制目录失败: ${error.message}`)
+    }
+  }
+
+  // 删除作品
+  async deleteArtwork(artworkId) {
+    try {
+      const artwork = await this.findArtworkById(artworkId)
+      if (!artwork) {
+        throw new Error('作品不存在')
+      }
+      
+      await fs.rm(artwork.path, { recursive: true, force: true })
+      
+      // 检查作者目录是否为空，如果为空则删除
+      const artistDir = artwork.artistPath
+      const artistArtworks = await this.getArtworksByArtist(artwork.artist)
+      if (artistArtworks.artworks.length === 0) {
+        await fs.rmdir(artistDir)
+      }
+      
+      return { success: true, message: '作品删除成功' }
+    } catch (error) {
+      throw new Error(`删除作品失败: ${error.message}`)
+    }
+  }
+
+  // 获取文件预览URL
+  async getFilePreviewUrl(filePath) {
+    // 这里可以返回一个代理URL，用于前端预览
+    const relativePath = path.relative(this.baseDir, filePath)
+    return `/api/repository/preview?path=${encodeURIComponent(relativePath)}`
+  }
+}
+
+module.exports = RepositoryService 
\ No newline at end of file
diff --git a/ui/src/App.vue b/ui/src/App.vue
index 2af4342..0294082 100644
--- a/ui/src/App.vue
+++ b/ui/src/App.vue
@@ -32,6 +32,7 @@ onMounted(async () => {
           <RouterLink to="/search" class="nav-link" v-if="isLoggedIn">搜索</RouterLink>
           <RouterLink to="/downloads" class="nav-link" v-if="isLoggedIn">下载管理</RouterLink>
           <RouterLink to="/artists" class="nav-link" v-if="isLoggedIn">作者管理</RouterLink>
+          <RouterLink to="/repository" class="nav-link" v-if="isLoggedIn">仓库管理</RouterLink>
         </div>
 
         <div class="nav-auth">
diff --git a/ui/src/router/index.ts b/ui/src/router/index.ts
index 9d61a51..cd90bb2 100644
--- a/ui/src/router/index.ts
+++ b/ui/src/router/index.ts
@@ -44,6 +44,12 @@ const router = createRouter({
       name: 'artists',
       component: () => import('@/views/ArtistsView.vue'),
       meta: { requiresAuth: true }
+    },
+    {
+      path: '/repository',
+      name: 'repository',
+      component: () => import('@/views/RepositoryView.vue'),
+      meta: { requiresAuth: true }
     }
   ]
 })
diff --git a/ui/src/stores/repository.ts b/ui/src/stores/repository.ts
new file mode 100644
index 0000000..f496653
--- /dev/null
+++ b/ui/src/stores/repository.ts
@@ -0,0 +1,187 @@
+import { defineStore } from 'pinia'
+import { ref } from 'vue'
+
+export interface RepositoryConfig {
+  downloadDir: string
+  fileStructure: 'artist/artwork' | 'artwork' | 'flat'
+  namingPattern: string
+  maxFileSize: number
+  allowedExtensions: string[]
+  autoMigration: boolean
+  migrationRules: any[]
+}
+
+export interface RepositoryStats {
+  totalArtworks: number
+  totalArtists: number
+  totalSize: number
+  diskUsage: {
+    total: number
+    used: number
+    free: number
+    usagePercent: number
+  }
+  lastScan: string
+}
+
+export interface Artist {
+  name: string
+  artworkCount: number
+  totalSize: number
+  lastUpdated: number | null
+}
+
+export interface ArtworkFile {
+  name: string
+  path: string
+  size: number
+  extension: string
+  modifiedAt: string
+}
+
+export interface Artwork {
+  id: string
+  title: string
+  artist: string
+  artistPath: string
+  path: string
+  files: ArtworkFile[]
+  size: number
+  createdAt: string
+}
+
+export interface MigrationResult {
+  success: boolean
+  message: string
+  log: Array<{
+    type: string
+    id: string
+    title: string
+    source?: string
+    target?: string
+    status: 'success' | 'skipped'
+    reason?: string
+  }>
+  totalMigrated: number
+}
+
+export const useRepositoryStore = defineStore('repository', () => {
+  const config = ref<RepositoryConfig | null>(null)
+  const stats = ref<RepositoryStats | null>(null)
+
+  // API基础URL
+  const API_BASE = '/api/repository'
+
+  // 通用API调用函数
+  const apiCall = async (endpoint: string, options: RequestInit = {}) => {
+    const response = await fetch(`${API_BASE}${endpoint}`, {
+      headers: {
+        'Content-Type': 'application/json',
+        ...options.headers,
+      },
+      ...options,
+    })
+
+    if (!response.ok) {
+      const errorData = await response.json().catch(() => ({}))
+      throw new Error(errorData.message || `HTTP ${response.status}`)
+    }
+
+    const data = await response.json()
+    return data.data || data
+  }
+
+  // 初始化仓库
+  const initialize = async () => {
+    return await apiCall('/initialize', { method: 'POST' })
+  }
+
+  // 获取配置
+  const getConfig = async (): Promise<RepositoryConfig> => {
+    const result = await apiCall('/config')
+    config.value = result
+    return result
+  }
+
+  // 更新配置
+  const updateConfig = async (newConfig: Partial<RepositoryConfig>) => {
+    const result = await apiCall('/config', {
+      method: 'PUT',
+      body: JSON.stringify(newConfig),
+    })
+    if (config.value) {
+      config.value = { ...config.value, ...newConfig }
+    }
+    return result
+  }
+
+  // 获取统计信息
+  const getStats = async (): Promise<RepositoryStats> => {
+    const result = await apiCall('/stats')
+    stats.value = result
+    return result
+  }
+
+  // 获取作者列表
+  const getArtists = async (offset = 0, limit = 50) => {
+    return await apiCall(`/artists?offset=${offset}&limit=${limit}`)
+  }
+
+  // 获取作者作品
+  const getArtworksByArtist = async (artistName: string, offset = 0, limit = 20) => {
+    return await apiCall(`/artists/${encodeURIComponent(artistName)}/artworks?offset=${offset}&limit=${limit}`)
+  }
+
+  // 搜索作品
+  const searchArtworks = async (query: string, offset = 0, limit = 20) => {
+    return await apiCall(`/search?q=${encodeURIComponent(query)}&offset=${offset}&limit=${limit}`)
+  }
+
+  // 获取作品详情
+  const getArtwork = async (artworkId: string): Promise<Artwork> => {
+    return await apiCall(`/artworks/${artworkId}`)
+  }
+
+  // 删除作品
+  const deleteArtwork = async (artworkId: string) => {
+    return await apiCall(`/artworks/${artworkId}`, { method: 'DELETE' })
+  }
+
+  // 迁移旧项目
+  const migrateOldProjects = async (sourceDir: string): Promise<MigrationResult> => {
+    return await apiCall('/migrate', {
+      method: 'POST',
+      body: JSON.stringify({ sourceDir }),
+    })
+  }
+
+  // 获取文件信息
+  const getFileInfo = async (filePath: string) => {
+    return await apiCall(`/file-info?path=${encodeURIComponent(filePath)}`)
+  }
+
+  // 获取目录结构
+  const getDirectory = async (dirPath = '') => {
+    return await apiCall(`/directory?path=${encodeURIComponent(dirPath)}`)
+  }
+
+  return {
+    // 状态
+    config,
+    stats,
+
+    // 方法
+    initialize,
+    getConfig,
+    updateConfig,
+    getStats,
+    getArtists,
+    getArtworksByArtist,
+    searchArtworks,
+    getArtwork,
+    deleteArtwork,
+    migrateOldProjects,
+    getFileInfo,
+    getDirectory,
+  }
+}) 
\ No newline at end of file
diff --git a/ui/src/views/RepositoryView.vue b/ui/src/views/RepositoryView.vue
new file mode 100644
index 0000000..99b022f
--- /dev/null
+++ b/ui/src/views/RepositoryView.vue
@@ -0,0 +1,1040 @@
+<template>
+  <div class="repository-view">
+    <div class="container">
+      <!-- 页面标题 -->
+      <div class="page-header">
+        <h1 class="page-title">仓库管理</h1>
+        <p class="page-description">管理已下载的作品文件，设置存储位置和迁移旧项目</p>
+      </div>
+
+      <!-- 统计信息卡片 -->
+      <div class="stats-grid" v-if="stats">
+        <div class="stat-card">
+          <div class="stat-icon">📁</div>
+          <div class="stat-content">
+            <div class="stat-value">{{ stats.totalArtworks }}</div>
+            <div class="stat-label">总作品数</div>
+          </div>
+        </div>
+        <div class="stat-card">
+          <div class="stat-icon">👤</div>
+          <div class="stat-content">
+            <div class="stat-value">{{ stats.totalArtists }}</div>
+            <div class="stat-label">总作者数</div>
+          </div>
+        </div>
+        <div class="stat-card">
+          <div class="stat-icon">💾</div>
+          <div class="stat-content">
+            <div class="stat-value">{{ formatFileSize(stats.totalSize) }}</div>
+            <div class="stat-label">总存储大小</div>
+          </div>
+        </div>
+        <div class="stat-card">
+          <div class="stat-icon">💿</div>
+          <div class="stat-content">
+            <div class="stat-value">{{ stats.diskUsage.usagePercent }}%</div>
+            <div class="stat-label">磁盘使用率</div>
+          </div>
+        </div>
+      </div>
+
+      <!-- 功能选项卡 -->
+      <div class="tabs">
+        <button 
+          class="tab-button" 
+          :class="{ active: activeTab === 'config' }"
+          @click="activeTab = 'config'"
+        >
+          配置管理
+        </button>
+        <button 
+          class="tab-button" 
+          :class="{ active: activeTab === 'browse' }"
+          @click="activeTab = 'browse'"
+        >
+          文件浏览
+        </button>
+        <button 
+          class="tab-button" 
+          :class="{ active: activeTab === 'migrate' }"
+          @click="activeTab = 'migrate'"
+        >
+          数据迁移
+        </button>
+      </div>
+
+      <!-- 配置管理 -->
+      <div v-if="activeTab === 'config'" class="tab-content">
+        <div class="config-section">
+          <h3>仓库配置</h3>
+          <div class="config-form">
+            <div class="form-group">
+              <label>下载目录</label>
+              <div class="path-input-group">
+                <input 
+                  v-model="config.downloadDir" 
+                  type="text" 
+                  placeholder="设置下载目录路径"
+                  class="form-input"
+                  readonly
+                />
+                <button type="button" @click="selectDownloadDir" class="btn btn-secondary">
+                  选择目录
+                </button>
+              </div>
+              <small class="form-help">默认路径: ./downloads</small>
+            </div>
+            <div class="form-group">
+              <label>文件结构</label>
+              <select v-model="config.fileStructure" class="form-select">
+                <option value="artist/artwork">作者/作品</option>
+                <option value="artwork">仅作品</option>
+                <option value="flat">扁平结构</option>
+              </select>
+            </div>
+            <div class="form-group">
+              <label>命名模式</label>
+              <input 
+                v-model="config.namingPattern" 
+                type="text" 
+                placeholder="{artist_name}/{artwork_id}_{title}"
+                class="form-input"
+              />
+            </div>
+            <div class="form-group">
+              <label>最大文件大小 (MB)</label>
+              <input 
+                v-model.number="config.maxFileSize" 
+                type="number" 
+                placeholder="0表示无限制"
+                class="form-input"
+              />
+            </div>
+            <div class="form-group">
+              <label>允许的文件扩展名</label>
+              <input 
+                :value="config.allowedExtensions.join(',')" 
+                @input="(e) => config.allowedExtensions = (e.target as HTMLInputElement).value.split(',').map(ext => ext.trim()).filter(ext => ext)"
+                type="text" 
+                placeholder=".jpg,.png,.gif,.webp"
+                class="form-input"
+              />
+            </div>
+            <div class="form-actions">
+              <button @click="saveConfig" class="btn btn-primary" :disabled="saving">
+                {{ saving ? '保存中...' : '保存配置' }}
+              </button>
+            </div>
+          </div>
+        </div>
+      </div>
+
+      <!-- 文件浏览 -->
+      <div v-if="activeTab === 'browse'" class="tab-content">
+        <div class="browse-section">
+          <div class="browse-header">
+            <div class="search-box">
+              <input 
+                v-model="searchQuery" 
+                type="text" 
+                placeholder="搜索作品或作者..."
+                class="search-input"
+                @input="debounceSearch"
+              />
+            </div>
+            <div class="view-toggle">
+              <button 
+                class="view-btn" 
+                :class="{ active: viewMode === 'artists' }"
+                @click="viewMode = 'artists'"
+              >
+                按作者浏览
+              </button>
+              <button 
+                class="view-btn" 
+                :class="{ active: viewMode === 'artworks' }"
+                @click="viewMode = 'artworks'"
+              >
+                所有作品
+              </button>
+            </div>
+          </div>
+
+          <!-- 作者列表 -->
+          <div v-if="viewMode === 'artists'" class="artists-grid">
+            <div 
+              v-for="artist in artists" 
+              :key="artist.name"
+              class="artist-card"
+              @click="selectArtist(artist.name)"
+            >
+              <div class="artist-info">
+                <h4>{{ artist.name }}</h4>
+                <p>{{ artist.artworkCount }} 个作品</p>
+                <p>{{ formatFileSize(artist.totalSize) }}</p>
+              </div>
+            </div>
+          </div>
+
+          <!-- 作品列表 -->
+          <div v-if="viewMode === 'artworks'" class="artworks-grid">
+            <div 
+              v-for="artwork in artworks" 
+              :key="artwork.id"
+              class="artwork-card"
+              @click="viewArtwork(artwork)"
+            >
+              <div class="artwork-preview" v-if="artwork.files.length > 0">
+                <img 
+                  :src="getPreviewUrl(artwork.files[0].path)" 
+                  :alt="artwork.title"
+                  class="preview-image"
+                />
+              </div>
+              <div class="artwork-info">
+                <h4>{{ artwork.title }}</h4>
+                <p>{{ artwork.artist }}</p>
+                <p>{{ formatFileSize(artwork.size) }}</p>
+              </div>
+            </div>
+          </div>
+
+          <!-- 分页 -->
+          <div class="pagination" v-if="totalPages > 1">
+            <button 
+              @click="changePage(currentPage - 1)" 
+              :disabled="currentPage <= 1"
+              class="page-btn"
+            >
+              上一页
+            </button>
+            <span class="page-info">{{ currentPage }} / {{ totalPages }}</span>
+            <button 
+              @click="changePage(currentPage + 1)" 
+              :disabled="currentPage >= totalPages"
+              class="page-btn"
+            >
+              下一页
+            </button>
+          </div>
+        </div>
+      </div>
+
+      <!-- 数据迁移 -->
+      <div v-if="activeTab === 'migrate'" class="tab-content">
+        <div class="migrate-section">
+          <h3>数据迁移</h3>
+          <p class="migrate-description">
+            将旧项目中的作品文件迁移到当前仓库中。系统会自动识别作品ID并避免重复迁移。
+          </p>
+          
+          <div class="migrate-form">
+            <div class="form-group">
+              <label>源目录路径</label>
+              <div class="path-input-group">
+                <input 
+                  v-model="migrateSourceDir" 
+                  type="text" 
+                  placeholder="选择要迁移的目录路径"
+                  class="form-input"
+                  readonly
+                />
+                <button type="button" @click="selectMigrateDir" class="btn btn-secondary">
+                  选择目录
+                </button>
+              </div>
+            </div>
+            <div class="form-actions">
+              <button 
+                @click="startMigration" 
+                class="btn btn-primary" 
+                :disabled="migrating"
+              >
+                {{ migrating ? '迁移中...' : '开始迁移' }}
+              </button>
+            </div>
+          </div>
+
+          <!-- 迁移结果 -->
+          <div v-if="migrationResult" class="migration-result">
+            <h4>迁移结果</h4>
+            <div class="result-stats">
+              <p>成功迁移: {{ migrationResult.totalMigrated }} 个作品</p>
+              <p>跳过: {{ migrationResult.log.filter((item: any) => item.status === 'skipped').length }} 个作品</p>
+            </div>
+            <div class="migration-log">
+              <h5>详细日志</h5>
+                             <div 
+                 v-for="(item, index) in migrationResult.log" 
+                 :key="index"
+                 class="log-item"
+                 :class="(item as any).status"
+               >
+                                 <span class="log-status">{{ (item as any).status === 'success' ? '✅' : '⏭️' }}</span>
+                 <span class="log-text">{{ (item as any).title }} (ID: {{ (item as any).id }})</span>
+                 <span v-if="(item as any).reason" class="log-reason">{{ (item as any).reason }}</span>
+              </div>
+            </div>
+          </div>
+        </div>
+      </div>
+    </div>
+
+    <!-- 作品详情模态框 -->
+    <div v-if="selectedArtwork" class="modal-overlay" @click="closeArtworkModal">
+      <div class="modal-content" @click.stop>
+        <div class="modal-header">
+          <h3>{{ selectedArtwork.title }}</h3>
+          <button @click="closeArtworkModal" class="modal-close">×</button>
+        </div>
+        <div class="modal-body">
+          <div class="artwork-details">
+            <p><strong>作者:</strong> {{ selectedArtwork.artist }}</p>
+            <p><strong>作品ID:</strong> {{ selectedArtwork.id }}</p>
+            <p><strong>文件大小:</strong> {{ formatFileSize(selectedArtwork.size) }}</p>
+            <p><strong>文件数量:</strong> {{ selectedArtwork.files.length }}</p>
+          </div>
+          <div class="artwork-files">
+            <h4>文件列表</h4>
+            <div class="files-grid">
+              <div 
+                v-for="file in selectedArtwork.files" 
+                :key="file.path"
+                class="file-item"
+              >
+                <img 
+                  :src="getPreviewUrl(file.path)" 
+                  :alt="file.name"
+                  class="file-preview"
+                />
+                <div class="file-info">
+                  <p>{{ file.name }}</p>
+                  <p>{{ formatFileSize(file.size) }}</p>
+                </div>
+              </div>
+            </div>
+          </div>
+        </div>
+        <div class="modal-footer">
+          <button @click="deleteArtwork(selectedArtwork.id)" class="btn btn-danger">
+            删除作品
+          </button>
+          <button @click="closeArtworkModal" class="btn btn-secondary">
+            关闭
+          </button>
+        </div>
+      </div>
+    </div>
+  </div>
+</template>
+
+<script setup lang="ts">
+import { ref, onMounted, computed } from 'vue'
+import { useRepositoryStore, type RepositoryStats, type RepositoryConfig, type Artist, type Artwork } from '@/stores/repository.ts'
+
+const repositoryStore = useRepositoryStore()
+
+// 响应式数据
+const activeTab = ref('config')
+const stats = ref<RepositoryStats | null>(null)
+const config = ref<RepositoryConfig>({
+  downloadDir: './downloads',
+  fileStructure: 'artist/artwork',
+  namingPattern: '{artist_name}/{artwork_id}_{title}',
+  maxFileSize: 0,
+  allowedExtensions: ['.jpg', '.png', '.gif', '.webp'],
+  autoMigration: false,
+  migrationRules: []
+})
+
+// 浏览相关
+const viewMode = ref('artists')
+const searchQuery = ref('')
+const artists = ref<Artist[]>([])
+const artworks = ref<Artwork[]>([])
+const currentPage = ref(1)
+const pageSize = 20
+const totalPages = computed(() => Math.ceil(artworks.value.length / pageSize))
+
+// 迁移相关
+const migrateSourceDir = ref('')
+const migrating = ref(false)
+const migrationResult = ref<any>(null)
+
+// 模态框
+const selectedArtwork = ref<Artwork | null>(null)
+
+// 加载数据
+onMounted(async () => {
+  await loadStats()
+  await loadConfig()
+  await loadArtists()
+})
+
+// 加载统计信息
+const loadStats = async () => {
+  try {
+    stats.value = await repositoryStore.getStats()
+  } catch (error: any) {
+    console.error('加载统计信息失败:', error)
+  }
+}
+
+// 加载配置
+const loadConfig = async () => {
+  try {
+    const configData = await repositoryStore.getConfig()
+    config.value = { ...config.value, ...configData }
+  } catch (error: any) {
+    console.error('加载配置失败:', error)
+  }
+}
+
+// 保存配置
+const saving = ref(false)
+const saveConfig = async () => {
+  saving.value = true
+  try {
+    // 处理扩展名字符串
+    if (typeof config.value.allowedExtensions === 'string') {
+      config.value.allowedExtensions = (config.value.allowedExtensions as string)
+        .split(',')
+        .map((ext: string) => ext.trim())
+        .filter((ext: string) => ext)
+    }
+    
+    await repositoryStore.updateConfig(config.value)
+    alert('配置保存成功')
+  } catch (error: any) {
+    console.error('保存配置失败:', error)
+    alert('保存配置失败: ' + error.message)
+  } finally {
+    saving.value = false
+  }
+}
+
+// 加载作者列表
+const loadArtists = async () => {
+  try {
+    const result = await repositoryStore.getArtists()
+    artists.value = result.artists
+  } catch (error: any) {
+    console.error('加载作者列表失败:', error)
+  }
+}
+
+// 选择作者
+const selectArtist = async (artistName: string) => {
+  try {
+    const result = await repositoryStore.getArtworksByArtist(artistName)
+    artworks.value = result.artworks
+    viewMode.value = 'artworks'
+  } catch (error: any) {
+    console.error('加载作者作品失败:', error)
+  }
+}
+
+// 搜索作品
+let searchTimeout: number
+const debounceSearch = () => {
+  clearTimeout(searchTimeout)
+  searchTimeout = setTimeout(async () => {
+    if (searchQuery.value.trim()) {
+      try {
+        const result = await repositoryStore.searchArtworks(searchQuery.value)
+        artworks.value = result.artworks
+        viewMode.value = 'artworks'
+        } catch (error: any) {
+    console.error('搜索失败:', error)
+  }
+    } else {
+      await loadArtists()
+    }
+  }, 300)
+}
+
+// 查看作品详情
+const viewArtwork = (artwork: any) => {
+  selectedArtwork.value = artwork
+}
+
+// 关闭作品模态框
+const closeArtworkModal = () => {
+  selectedArtwork.value = null
+}
+
+// 删除作品
+const deleteArtwork = async (artworkId: string) => {
+  if (!confirm('确定要删除这个作品吗？此操作不可恢复。')) {
+    return
+  }
+  
+  try {
+    await repositoryStore.deleteArtwork(artworkId)
+    alert('作品删除成功')
+    closeArtworkModal()
+    await loadStats()
+    await loadArtists()
+  } catch (error: any) {
+    console.error('删除作品失败:', error)
+    alert('删除作品失败: ' + error.message)
+  }
+}
+
+// 开始迁移
+const startMigration = async () => {
+  if (!migrateSourceDir.value.trim()) {
+    alert('请输入源目录路径')
+    return
+  }
+  
+  migrating.value = true
+  try {
+    migrationResult.value = await repositoryStore.migrateOldProjects(migrateSourceDir.value)
+    alert('迁移完成')
+    await loadStats()
+    await loadArtists()
+  } catch (error: any) {
+    console.error('迁移失败:', error)
+    alert('迁移失败: ' + error.message)
+  } finally {
+    migrating.value = false
+  }
+}
+
+// 分页
+const changePage = (page: number) => {
+  if (page >= 1 && page <= totalPages.value) {
+    currentPage.value = page
+  }
+}
+
+// 选择下载目录
+const selectDownloadDir = async () => {
+  try {
+    // 使用HTML5文件选择器选择目录
+    const input = document.createElement('input')
+    input.type = 'file'
+    input.webkitdirectory = true
+    input.multiple = false
+    
+    input.onchange = (e) => {
+      const files = (e.target as HTMLInputElement).files
+      if (files && files.length > 0) {
+        // 获取选择的目录路径
+        const path = files[0].webkitRelativePath.split('/')[0]
+        config.value.downloadDir = path
+      }
+    }
+    
+    input.click()
+  } catch (error: any) {
+    console.error('选择目录失败:', error)
+    // 降级到prompt
+    const dir = prompt('请输入下载目录路径:', './downloads')
+    if (dir) {
+      config.value.downloadDir = dir
+    }
+  }
+}
+
+// 选择迁移目录
+const selectMigrateDir = async () => {
+  try {
+    const input = document.createElement('input')
+    input.type = 'file'
+    input.webkitdirectory = true
+    input.multiple = false
+    
+    input.onchange = (e) => {
+      const files = (e.target as HTMLInputElement).files
+      if (files && files.length > 0) {
+        const path = files[0].webkitRelativePath.split('/')[0]
+        migrateSourceDir.value = path
+      }
+    }
+    
+    input.click()
+  } catch (error: any) {
+    console.error('选择目录失败:', error)
+    // 降级到prompt
+    const dir = prompt('请选择要迁移的源目录路径:')
+    if (dir) {
+      migrateSourceDir.value = dir
+    }
+  }
+}
+
+// 工具函数
+const formatFileSize = (bytes: number) => {
+  if (bytes === 0) return '0 B'
+  const k = 1024
+  const sizes = ['B', 'KB', 'MB', 'GB']
+  const i = Math.floor(Math.log(bytes) / Math.log(k))
+  return parseFloat((bytes / Math.pow(k, i)).toFixed(2)) + ' ' + sizes[i]
+}
+
+const getPreviewUrl = (filePath: string) => {
+  return `/api/repository/preview?path=${encodeURIComponent(filePath)}`
+}
+</script>
+
+<style scoped>
+.repository-view {
+  padding: 2rem 0;
+}
+
+.container {
+  max-width: 1200px;
+  margin: 0 auto;
+  padding: 0 2rem;
+}
+
+.page-header {
+  margin-bottom: 2rem;
+}
+
+.page-title {
+  font-size: 2rem;
+  font-weight: 700;
+  color: #1f2937;
+  margin: 0 0 0.5rem 0;
+}
+
+.page-description {
+  color: #6b7280;
+  margin: 0;
+}
+
+.stats-grid {
+  display: grid;
+  grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));
+  gap: 1rem;
+  margin-bottom: 2rem;
+}
+
+.stat-card {
+  background: white;
+  border: 1px solid #e5e7eb;
+  border-radius: 0.5rem;
+  padding: 1.5rem;
+  display: flex;
+  align-items: center;
+  gap: 1rem;
+}
+
+.stat-icon {
+  font-size: 2rem;
+}
+
+.stat-value {
+  font-size: 1.5rem;
+  font-weight: 700;
+  color: #1f2937;
+}
+
+.stat-label {
+  color: #6b7280;
+  font-size: 0.875rem;
+}
+
+.tabs {
+  display: flex;
+  gap: 0.5rem;
+  margin-bottom: 2rem;
+  border-bottom: 1px solid #e5e7eb;
+}
+
+.tab-button {
+  padding: 0.75rem 1.5rem;
+  border: none;
+  background: none;
+  color: #6b7280;
+  font-weight: 500;
+  cursor: pointer;
+  border-bottom: 2px solid transparent;
+  transition: all 0.2s;
+}
+
+.tab-button:hover {
+  color: #3b82f6;
+}
+
+.tab-button.active {
+  color: #3b82f6;
+  border-bottom-color: #3b82f6;
+}
+
+.tab-content {
+  background: white;
+  border: 1px solid #e5e7eb;
+  border-radius: 0.5rem;
+  padding: 2rem;
+}
+
+.config-section h3,
+.browse-section h3,
+.migrate-section h3 {
+  margin: 0 0 1.5rem 0;
+  color: #1f2937;
+}
+
+.form-group {
+  margin-bottom: 1.5rem;
+}
+
+.form-group label {
+  display: block;
+  margin-bottom: 0.5rem;
+  font-weight: 500;
+  color: #374151;
+}
+
+.form-input,
+.form-select {
+  width: 100%;
+  padding: 0.75rem;
+  border: 1px solid #d1d5db;
+  border-radius: 0.375rem;
+  font-size: 0.875rem;
+}
+
+.form-input:focus,
+.form-select:focus {
+  outline: none;
+  border-color: #3b82f6;
+  box-shadow: 0 0 0 3px rgba(59, 130, 246, 0.1);
+}
+
+.path-input-group {
+  display: flex;
+  gap: 0.5rem;
+}
+
+.path-input-group .form-input {
+  flex: 1;
+}
+
+.path-input-group .btn {
+  white-space: nowrap;
+}
+
+.form-help {
+  color: #6b7280;
+  font-size: 0.75rem;
+  margin-top: 0.25rem;
+}
+
+.form-actions {
+  margin-top: 2rem;
+}
+
+.btn {
+  padding: 0.75rem 1.5rem;
+  border: none;
+  border-radius: 0.375rem;
+  font-weight: 500;
+  cursor: pointer;
+  transition: all 0.2s;
+}
+
+.btn-primary {
+  background: #3b82f6;
+  color: white;
+}
+
+.btn-primary:hover:not(:disabled) {
+  background: #2563eb;
+}
+
+.btn-secondary {
+  background: #6b7280;
+  color: white;
+}
+
+.btn-danger {
+  background: #ef4444;
+  color: white;
+}
+
+.btn:disabled {
+  opacity: 0.6;
+  cursor: not-allowed;
+}
+
+.browse-header {
+  display: flex;
+  justify-content: space-between;
+  align-items: center;
+  margin-bottom: 2rem;
+}
+
+.search-box {
+  flex: 1;
+  max-width: 400px;
+}
+
+.search-input {
+  width: 100%;
+  padding: 0.75rem;
+  border: 1px solid #d1d5db;
+  border-radius: 0.375rem;
+}
+
+.view-toggle {
+  display: flex;
+  gap: 0.5rem;
+}
+
+.view-btn {
+  padding: 0.5rem 1rem;
+  border: 1px solid #d1d5db;
+  background: white;
+  border-radius: 0.375rem;
+  cursor: pointer;
+  transition: all 0.2s;
+}
+
+.view-btn.active {
+  background: #3b82f6;
+  color: white;
+  border-color: #3b82f6;
+}
+
+.artists-grid {
+  display: grid;
+  grid-template-columns: repeat(auto-fill, minmax(250px, 1fr));
+  gap: 1rem;
+}
+
+.artist-card {
+  background: #f9fafb;
+  border: 1px solid #e5e7eb;
+  border-radius: 0.5rem;
+  padding: 1.5rem;
+  cursor: pointer;
+  transition: all 0.2s;
+}
+
+.artist-card:hover {
+  background: #f3f4f6;
+  border-color: #3b82f6;
+}
+
+.artworks-grid {
+  display: grid;
+  grid-template-columns: repeat(auto-fill, minmax(200px, 1fr));
+  gap: 1rem;
+}
+
+.artwork-card {
+  background: white;
+  border: 1px solid #e5e7eb;
+  border-radius: 0.5rem;
+  overflow: hidden;
+  cursor: pointer;
+  transition: all 0.2s;
+}
+
+.artwork-card:hover {
+  border-color: #3b82f6;
+  box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1);
+}
+
+.artwork-preview {
+  height: 150px;
+  overflow: hidden;
+}
+
+.preview-image {
+  width: 100%;
+  height: 100%;
+  object-fit: cover;
+}
+
+.artwork-info {
+  padding: 1rem;
+}
+
+.artwork-info h4 {
+  margin: 0 0 0.5rem 0;
+  font-size: 0.875rem;
+  color: #1f2937;
+}
+
+.artwork-info p {
+  margin: 0.25rem 0;
+  font-size: 0.75rem;
+  color: #6b7280;
+}
+
+.pagination {
+  display: flex;
+  justify-content: center;
+  align-items: center;
+  gap: 1rem;
+  margin-top: 2rem;
+}
+
+.page-btn {
+  padding: 0.5rem 1rem;
+  border: 1px solid #d1d5db;
+  background: white;
+  border-radius: 0.375rem;
+  cursor: pointer;
+}
+
+.page-btn:disabled {
+  opacity: 0.5;
+  cursor: not-allowed;
+}
+
+.page-info {
+  color: #6b7280;
+}
+
+.migrate-description {
+  color: #6b7280;
+  margin-bottom: 2rem;
+}
+
+.migration-result {
+  margin-top: 2rem;
+  padding: 1.5rem;
+  background: #f9fafb;
+  border-radius: 0.5rem;
+}
+
+.result-stats {
+  margin-bottom: 1rem;
+}
+
+.migration-log {
+  max-height: 300px;
+  overflow-y: auto;
+}
+
+.log-item {
+  display: flex;
+  align-items: center;
+  gap: 0.5rem;
+  padding: 0.5rem 0;
+  border-bottom: 1px solid #e5e7eb;
+}
+
+.log-status {
+  font-size: 1.2rem;
+}
+
+.log-reason {
+  color: #6b7280;
+  font-size: 0.875rem;
+}
+
+.modal-overlay {
+  position: fixed;
+  top: 0;
+  left: 0;
+  right: 0;
+  bottom: 0;
+  background: rgba(0, 0, 0, 0.5);
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  z-index: 1000;
+}
+
+.modal-content {
+  background: white;
+  border-radius: 0.5rem;
+  max-width: 800px;
+  max-height: 90vh;
+  overflow-y: auto;
+  width: 90%;
+}
+
+.modal-header {
+  display: flex;
+  justify-content: space-between;
+  align-items: center;
+  padding: 1.5rem;
+  border-bottom: 1px solid #e5e7eb;
+}
+
+.modal-close {
+  background: none;
+  border: none;
+  font-size: 1.5rem;
+  cursor: pointer;
+  color: #6b7280;
+}
+
+.modal-body {
+  padding: 1.5rem;
+}
+
+.artwork-details {
+  margin-bottom: 2rem;
+}
+
+.artwork-details p {
+  margin: 0.5rem 0;
+}
+
+.files-grid {
+  display: grid;
+  grid-template-columns: repeat(auto-fill, minmax(150px, 1fr));
+  gap: 1rem;
+}
+
+.file-item {
+  border: 1px solid #e5e7eb;
+  border-radius: 0.375rem;
+  overflow: hidden;
+}
+
+.file-preview {
+  width: 100%;
+  height: 100px;
+  object-fit: cover;
+}
+
+.file-info {
+  padding: 0.5rem;
+}
+
+.file-info p {
+  margin: 0.25rem 0;
+  font-size: 0.75rem;
+}
+
+.modal-footer {
+  padding: 1.5rem;
+  border-top: 1px solid #e5e7eb;
+  display: flex;
+  gap: 1rem;
+  justify-content: flex-end;
+}
+
+@media (max-width: 768px) {
+  .container {
+    padding: 0 1rem;
+  }
+  
+  .browse-header {
+    flex-direction: column;
+    gap: 1rem;
+    align-items: stretch;
+  }
+  
+  .search-box {
+    max-width: none;
+  }
+  
+  .artists-grid,
+  .artworks-grid {
+    grid-template-columns: repeat(auto-fill, minmax(150px, 1fr));
+  }
+}
+</style> 
\ No newline at end of file