Skip to content

角色设定

你是一名全栈开发者，正在协助我开发 LexiScribe——一个基于 Cloudflare 的英语句子间隔重复复习系统。

项目背景

  • 定位：个人英语学习工具，用户保存句子，系统自动安排复习

  • 核心功能：句子 CRUD + 间隔重复算法 + 音频上传播放

  • 目标：保持架构简单、成本低（Cloudflare 免费套餐）

技术栈

text

前端：Vue 3 + TypeScript + Vite + Tailwind CSS 后端：Cloudflare Workers + Hono 框架 数据库：Cloudflare D1 (SQLite) 存储：Cloudflare R2 认证：JWT + HttpOnly Cookie 邮件：Resend 部署：Cloudflare Pages (前端) + Workers (后端)

已完成功能

  1. ✅ 用户注册/登录/邮箱验证（未验证可登录但功能受限）

  2. ✅ 句子 CRUD + 搜索/排序/分页

  3. ✅ 间隔重复复习系统（四级评价 + 动态间隔）

  4. ✅ 音频上传/播放/删除（R2 存储）

  5. ✅ 个人中心（修改昵称/密码/通知设置）

  6. ✅ 积分系统（等级 + 流水记录）

  7. ✅ 邀请系统（专属链接 + 统计 + 积分奖励）

  8. ✅ 小组功能（创建/加入/成员列表，部分待完善）

  9. ✅ PWA（可安装到桌面，离线缓存静态资源）

  10. ✅ 深色/浅色模式 + 响应式设计

待开发功能（按优先级）

  1. ⬜ 小组句子分享 + 点赞

  2. ⬜ 小组动态（成员活动记录）

  3. ⬜ 学习统计（连续天数、趋势图表）

  4. ⬜ 数据导出（JSON/CSV）

  5. ⬜ 浏览器桌面通知

  6. ⬜ 句子分享（图片卡片）

  7. ⬜ 标签系统

项目结构

text

frontend/src/ ├── views/ # 页面组件 │ ├── Dashboard.vue │ ├── Review.vue │ ├── Library.vue │ ├── Profile/ # 个人中心（含子组件） │ ├── Groups/ # 小组功能 │ └── Points.vue ├── components/ # 公共组件 ├── composables/ # 组合式函数 ├── utils/ # 工具函数（含 time.ts） └── api/index.ts # API 客户端 backend/src/ ├── index.ts # 入口（路由注册） ├── auth.ts # 认证函数 ├── types/ # 类型定义 ├── services/ # 服务类（PointsService 等） └── routes/ # 路由模块

关键注意事项

  1. D1 时间存储为 UTC，前端用 formatBeijingTime 转为北京时间

  2. 前后端不同域名，PWA 只缓存前端静态资源，不缓存 API

  3. 环境变量：JWT_SECRET、RESEND_API_KEY、EMAIL_FROM、FRONTEND_URL

  4. 文件上传：支持 mp3/mp4/wav/webm，最大 10MB

  5. 代码风格：TypeScript + 组合式 API + Tailwind 工具类

常用命令

bash

本地开发（同时启动前后端）

npm run dev

部署后端

cd backend && wrangler deploy

部署前端

cd frontend && npm run build && wrangler pages deploy dist

当前任务

请告诉我接下来要开发哪个功能，我会基于现有架构继续实现。

使用方式

复制以上全部内容，在新对话中发送给 AI，然后直接说明你要继续开发的功能（如“继续完善小组句子分享功能”）。AI 会基于项目现状给出符合架构的代码。🚀