audio_codebuddy/feature_list_optimization.json

{
  "project_name": "AI有声书生成工具 - 用户体验优化",
  "base_config": {
    "backend_port": 3000,
    "frontend_port": 5173,
    "db_host": "localhost",
    "db_port": 3306,
    "auth_enabled": false
  },
  "features": [
    {
      "id": 1,
      "description": "搜索页优化 - 增加搜索历史和热门推荐",
      "backend_test_steps": [
        "1. curl http://localhost:3000/api/search/hot - 验证获取热门搜索词",
        "2. curl -X POST http://localhost:3000/api/search/history -H 'Content-Type: application/json' -d '{\"keyword\":\"测试\"}' - 验证保存搜索历史"
      ],
      "frontend_test_steps": [
        "1. 进入search搜索页面",
        "2. 验证搜索历史显示正确（最近5条）",
        "3. 验证热门推荐显示正确",
        "4. 点击历史标签，验证自动填入搜索框",
        "5. 点击热搜词，验证自动填入并搜索",
        "6. 搜索后验证关键词保存到历史"
      ],
      "status": "done",
      "passes": true
    },
    {
      "id": 2,
      "description": "搜索页优化 - 搜索结果关键词高亮",
      "backend_test_steps": [],
      "frontend_test_steps": [
        "1. 进入search搜索页面",
        "2. 输入关键词搜索",
        "3. 验证搜索结果中匹配的文字高亮显示",
        "4. 验证标题和描述都能正确高亮"
      ],
      "status": "done",
      "passes": true
    },
    {
      "id": 3,
      "description": "生成页优化 - 音色试听功能",
      "backend_test_steps": [
        "1. curl http://localhost:3000/api/voices - 验证获取音色列表接口"
      ],
      "frontend_test_steps": [
        "1. 进入生成页面",
        "2. 验证每个音色卡片有试听按钮",
        "3. 点击试听按钮",
        "4. 验证播放1-2秒的demo音频",
        "5. 试听中验证按钮变为停止状态",
        "6. 试听完成验证按钮恢复"
      ],
      "status": "done",
      "passes": true
    },
    {
      "id": 4,
      "description": "生成页优化 - 参数滑块实时数值显示",
      "backend_test_steps": [],
      "frontend_test_steps": [
        "1. 进入生成页面",
        "2. 拖动语速滑块",
        "3. 验证滑块上方实时显示当前数值",
        "4. 拖动音调滑块",
        "5. 验证实时显示当前音调值",
        "6. 拖动音量滑块",
        "7. 验证实时显示当前音量百分比"
      ],
      "status": "done",
      "passes": true
    },
    {
      "id": 5,
      "description": "生成页优化 - 生成成功动画和分享引导",
      "backend_test_steps": [],
      "frontend_test_steps": [
        "1. 输入文本并点击生成",
        "2. 验证生成成功后显示成功动画",
        "3. 验证显示分享按钮引导",
        "4. 验证显示播放按钮可直接跳转播放"
      ],
      "status": "done",
      "passes": true
    },
    {
      "id": 6,
      "description": "播放器优化 - 迷你播放器（后台播放）",
      "backend_test_steps": [],
      "frontend_test_steps": [
        "1. 在播放器页面开始播放音频",
        "2. 返回上一页或切换到其他页面",
        "3. 验证底部显示迷你播放器",
        "4. 验证迷你播放器显示当前音频信息",
        "5. 点击迷你播放器播放/暂停按钮",
        "6. 验证播放状态切换",
        "7. 点击迷你播放器",
        "8. 验证跳转到播放器页面"
      ],
      "status": "done",
      "passes": true
    },
    {
      "id": 7,
      "description": "播放器优化 - 缓冲/加载状态提示",
      "backend_test_steps": [],
      "frontend_test_steps": [
        "1. 进入播放器页面",
        "2. 在网络较差环境播放音频",
        "3. 验证显示'正在缓冲...'提示",
        "4. 验证加载完成后提示消失",
        "5. 播放过程中网络中断",
        "6. 验证显示网络错误提示"
      ],
      "status": "done",
      "passes": true
    },
    {
      "id": 8,
      "description": "下载功能优化 - 完善下载流程和文件管理",
      "backend_test_steps": [
        "1. curl http://localhost:3000/api/downloads - 验证获取下载列表"
      ],
      "frontend_test_steps": [
        "1. 进入播放器页面",
        "2. 点击下载按钮",
        "3. 验证显示下载进度条",
        "4. 验证下载完成后提示成功",
        "5. 点击'打开文件'选项",
        "6. 验证能够打开下载的文件",
        "7. 进入'我的下载'页面",
        "8. 验证下载列表显示所有下载文件",
        "9. 验证可以删除已下载文件"
      ],
      "status": "done",
      "passes": true
    },
    {
      "id": 9,
      "description": "专辑管理优化 - 新增专辑功能",
      "backend_test_steps": [
        "1. curl -X POST http://localhost:3000/api/albums -H 'Content-Type: application/json' -d '{\"name\":\"新专辑\",\"description\":\"测试描述\"}' - 验证创建专辑",
        "2. curl http://localhost:3000/api/albums - 验证获取专辑列表",
        "3. curl -X PUT http://localhost:3000/api/albums/1 -H 'Content-Type: application/json' -d '{\"name\":\"更新后的专辑名\"}' - 验证更新专辑",
        "4. curl -X DELETE http://localhost:3000/api/albums/1 - 验证删除专辑"
      ],
      "frontend_test_steps": [
        "1. 进入专辑管理页面",
        "2. 点击'新建专辑'按钮",
        "3. 填写专辑名称和描述",
        "4. 点击保存",
        "5. 验证新专辑出现在列表中",
        "6. 长按专辑卡片",
        "7. 验证显示编辑/删除选项",
        "8. 点击编辑，修改专辑信息",
        "9. 验证修改生效"
      ],
      "status": "done",
      "passes": true
    },
    {
      "id": 10,
      "description": "历史记录优化 - 批量操作功能",
      "backend_test_steps": [
        "1. curl -X DELETE http://localhost:3000/api/history/batch -H 'Content-Type: application/json' -d '{\"ids\":[1,2,3]}' - 验证批量删除历史"
      ],
      "frontend_test_steps": [
        "1. 进入历史记录页面",
        "2. 点击'选择'按钮进入多选模式",
        "3. 选择多条记录",
        "4. 验证底部出现批量操作栏",
        "5. 点击'批量删除'",
        "6. 验证选中的记录被删除",
        "7. 选择记录后点击'移动到专辑'",
        "8. 验证弹出专辑选择器",
        "9. 选择目标专辑后验证移动成功"
      ],
      "status": "done",
      "passes": true
    },
    {
      "id": 11,
      "description": "用户引导优化 - 新手引导功能",
      "backend_test_steps": [],
      "frontend_test_steps": [
        "1. 首次进入生成页",
        "2. 验证显示新手引导提示",
        "3. 验证引导步骤1：输入文本提示",
        "4. 点击下一步",
        "5. 验证引导步骤2：选择音色提示",
        "6. 点击下一步",
        "7. 验证引导步骤3：点击生成提示",
        "8. 完成引导后验证不再显示"
      ],
      "status": "done",
      "passes": true
    },
    {
      "id": 12,
      "description": "我的页面优化 - 设置页面入口",
      "backend_test_steps": [],
      "frontend_test_steps": [
        "1. 进入'我的'页面",
        "2. 验证菜单中有'设置'入口",
        "3. 点击进入设置页面",
        "4. 验证显示：主题切换（浅色/深色/自动）",
        "5. 验证显示：通知设置",
        "6. 验证显示：清理缓存选项",
        "7. 点击清理缓存",
        "8. 验证显示清理成功"
      ],
      "status": "done",
      "passes": true
    },
    {
      "id": 13,
      "description": "页面体验优化 - 切换动画效果",
      "backend_test_steps": [],
      "frontend_test_steps": [
        "1. 在任意列表页面点击进入详情",
        "2. 验证有平滑的页面切换动画",
        "3. 点击返回",
        "4. 验证返回动画流畅"
      ],
      "status": "done",
      "passes": true
    },
    {
      "id": 14,
      "description": "会员转化 - 每日签到功能",
      "backend_test_steps": [
        "1. curl -X POST http://localhost:3000/api/sign - 验证签到接口",
        "2. curl http://localhost:3000/api/sign/status - 验证获取签到状态"
      ],
      "frontend_test_steps": [
        "1. 进入'我的'页面",
        "2. 验证显示签到入口",
        "3. 点击签到",
        "4. 验证显示签到成功",
        "5. 验证获得免费次数增加",
        "6. 刷新页面",
        "7. 验证签到状态已更新",
        "8. 验证连续签到天数显示"
      ],
      "status": "done",
      "passes": true
    },
    {
      "id": 15,
      "description": "会员转化 - 额度用尽引导弹窗",
      "backend_test_steps": [],
      "frontend_test_steps": [
        "1. 当免费额度用尽时",
        "2. 点击生成按钮",
        "3. 验证弹出会员引导弹窗",
        "4. 验证弹窗内容：'今日免费额度已用完'",
        "5. 验证显示'开通会员'按钮",
        "6. 点击'稍后再说'",
        "7. 验证弹窗关闭"
      ],
      "status": "done",
      "passes": true
    },
    {
      "id": 16,
      "description": "通知功能 - 消息通知中心",
      "backend_test_steps": [
        "1. curl http://localhost:3000/api/notifications - 验证获取通知列表",
        "2. curl -X PUT http://localhost:3000/api/notifications/read -H 'Content-Type: application/json' -d '{\"id\":\"notif-1\"}' - 验证标记已读"
      ],
      "frontend_test_steps": [
        "1. 进入'我的'页面",
        "2. 验证有通知入口和未读数量角标",
        "3. 点击进入通知页面",
        "4. 验证通知列表显示正确",
        "5. 点击通知项",
        "6. 验证跳转详情或标记已读",
        "7. 验证未读数量减少"
      ],
      "status": "done",
      "passes": true
    }
  ]
}