feat: 初始化项目代码
- 迁移 NestJS 项目结构 - 添加 uniappx 前端代码 - 配置数据库连接 - 添加核心业务模块
This commit is contained in:
136
.trae/documents/douyin_app_prd.md
Normal file
136
.trae/documents/douyin_app_prd.md
Normal file
@@ -0,0 +1,136 @@
|
||||
# 抖音App产品需求文档
|
||||
|
||||
## 1. 产品概述
|
||||
|
||||
抖音是一款短视频社交娱乐平台,通过AI算法推荐个性化内容,让用户轻松创作、发现和分享精彩短视频。产品连接内容创作者与观众,打造全新的视觉化社交体验。
|
||||
|
||||
**核心价值**:降低短视频创作门槛,通过智能推荐算法让优质内容获得曝光,构建基于兴趣的社交关系链。
|
||||
|
||||
**目标用户**:年轻用户群体(16-35岁),包括内容创作者、娱乐消费者、品牌商家。
|
||||
|
||||
## 2. 核心功能
|
||||
|
||||
### 2.1 用户角色
|
||||
|
||||
| 角色 | 注册方式 | 核心权限 |
|
||||
|------|----------|----------|
|
||||
| 普通用户 | 手机号/第三方登录 | 浏览、点赞、评论、分享、基础创作 |
|
||||
| 创作者 | 实名认证+粉丝门槛 | 发布长视频、直播、电商功能、数据分析 |
|
||||
| 商家 | 企业认证 | 广告投放、电商管理、营销工具 |
|
||||
| 管理员 | 内部授权 | 内容审核、用户管理、系统配置 |
|
||||
|
||||
### 2.2 功能模块
|
||||
|
||||
**核心页面**:
|
||||
1. **首页推荐**:个性化视频流、上下滑动切换、算法推荐
|
||||
2. **关注页**:关注创作者动态、按时间排序展示
|
||||
3. **创作页**:拍摄、上传、编辑、特效、音乐添加
|
||||
4. **消息页**:私信、评论回复、系统通知、粉丝互动
|
||||
5. **个人主页**:个人信息、作品展示、数据统计、设置管理
|
||||
6. **发现页**:热门话题、挑战活动、附近内容、搜索功能
|
||||
7. **直播页**:直播间、互动礼物、弹幕聊天、直播带货
|
||||
|
||||
### 2.3 页面详情
|
||||
|
||||
| 页面名称 | 模块名称 | 功能描述 |
|
||||
|----------|----------|----------|
|
||||
| 首页推荐 | 视频播放器 | 全屏自动播放、上下滑动切换、双击点赞、手势控制音量亮度 |
|
||||
| 首页推荐 | 互动操作 | 点赞、评论、分享、收藏、关注创作者、不感兴趣反馈 |
|
||||
| 首页推荐 | 侧边栏 | 创作者头像、音乐信息、特效道具、位置标签 |
|
||||
| 关注页 | 动态列表 | 关注创作者最新作品、直播状态、作品分类筛选 |
|
||||
| 创作页 | 拍摄功能 | 前后摄像头切换、美颜滤镜、速度调节、倒计时拍摄 |
|
||||
| 创作页 | 上传编辑 | 本地视频选择、剪辑裁剪、音乐添加、文字贴纸、特效滤镜 |
|
||||
| 创作页 | 发布设置 | 标题描述、话题标签、位置定位、隐私设置、同步分享 |
|
||||
| 消息页 | 通知中心 | 点赞评论通知、新增粉丝、系统消息、活动推送 |
|
||||
| 消息页 | 私信聊天 | 文字语音消息、图片视频分享、表情包、语音通话 |
|
||||
| 个人主页 | 信息展示 | 头像昵称、个性签名、获赞数、粉丝数、关注数 |
|
||||
| 个人主页 | 作品管理 | 视频列表、私密作品、草稿箱、作品数据分析 |
|
||||
| 发现页 | 搜索功能 | 关键词搜索、用户搜索、话题搜索、智能联想 |
|
||||
| 发现页 | 热门榜单 | 热门视频、热门音乐、热门话题、上升热点 |
|
||||
| 直播页 | 直播间 | 实时视频流、弹幕互动、礼物打赏、连麦功能 |
|
||||
| 直播页 | 直播带货 | 商品展示、购买链接、库存管理、订单处理 |
|
||||
|
||||
## 3. 核心流程
|
||||
|
||||
### 3.1 用户浏览流程
|
||||
用户打开App → 进入推荐页 → 系统根据算法推荐内容 → 用户滑动浏览 → 互动操作(点赞/评论/分享)→ 关注创作者 → 个性化推荐优化
|
||||
|
||||
### 3.2 内容创作流程
|
||||
用户点击创作 → 选择拍摄或上传 → 视频编辑处理 → 添加音乐特效 → 填写发布信息 → 内容审核 → 正式发布 → 推送给粉丝
|
||||
|
||||
### 3.3 社交互动流程
|
||||
发现感兴趣内容 → 点赞评论互动 → 关注创作者 → 私信交流 → 参与挑战活动 → 建立社交关系
|
||||
|
||||
```mermaid
|
||||
graph TD
|
||||
A[启动App] --> B[推荐页]
|
||||
B --> C[浏览视频]
|
||||
C --> D{互动操作}
|
||||
D --> E[点赞]
|
||||
D --> F[评论]
|
||||
D --> G[分享]
|
||||
D --> H[关注]
|
||||
E --> I[算法优化]
|
||||
F --> I
|
||||
G --> I
|
||||
H --> J[关注页]
|
||||
B --> K[创作页]
|
||||
K --> L[拍摄/上传]
|
||||
L --> M[编辑处理]
|
||||
M --> N[发布内容]
|
||||
B --> O[发现页]
|
||||
O --> P[搜索/话题]
|
||||
B --> Q[消息页]
|
||||
Q --> R[社交互动]
|
||||
B --> S[个人主页]
|
||||
```
|
||||
|
||||
## 4. 用户界面设计
|
||||
|
||||
### 4.1 设计风格
|
||||
- **色彩方案**:黑色为主色调,搭配白色和红色强调色,营造年轻活力的视觉感受
|
||||
- **按钮样式**:圆角矩形设计,3D悬浮效果,触摸反馈明显
|
||||
- **字体规范**:系统默认字体,标题18-24px,正文14-16px,标签12-14px
|
||||
- **布局风格**:全屏沉浸式体验,卡片式内容展示,底部导航栏固定
|
||||
- **图标风格**:线性图标为主,简洁现代,统一视觉风格
|
||||
|
||||
### 4.2 页面设计概览
|
||||
|
||||
| 页面名称 | 模块名称 | UI元素 |
|
||||
|----------|----------|--------|
|
||||
| 推荐页 | 视频播放器 | 全屏黑色背景,视频居中播放,底部进度条,右侧互动按钮栏 |
|
||||
| 推荐页 | 互动按钮 | 心形点赞、评论气泡、分享箭头,采用红色主题色,点击有动画效果 |
|
||||
| 推荐页 | 侧边栏 | 右侧垂直排列,创作者头像带关注按钮,音乐唱片旋转动画 |
|
||||
| 创作页 | 拍摄界面 | 全屏相机预览,底部拍摄按钮,顶部功能栏(美颜/滤镜/速度) |
|
||||
| 创作页 | 编辑界面 | 时间轴视频预览,底部工具栏(剪辑/音乐/文字/特效),顶部操作按钮 |
|
||||
| 个人主页 | 头部信息 | 圆形头像,昵称加粗显示,个性签名,关注/粉丝/获赞数据统计 |
|
||||
| 个人主页 | 作品网格 | 3列网格布局,视频缩略图,播放量叠加显示,私密内容标记 |
|
||||
| 消息页 | 通知列表 | 头像+用户名+消息内容+时间,未读消息红点标记,滑动操作选项 |
|
||||
| 发现页 | 搜索框 | 顶部搜索栏,热门推荐标签,分类导航栏,内容卡片展示 |
|
||||
| 直播页 | 直播间 | 全屏直播画面,底部弹幕区域,右侧礼物栏,顶部观众信息 |
|
||||
|
||||
### 4.3 响应式设计
|
||||
- **移动优先**:针对手机端优化,支持iOS和Android平台
|
||||
- **适配策略**:自适应不同屏幕尺寸,保持核心功能区域可见性
|
||||
- **手势交互**:支持滑动、捏合、长按等触摸手势操作
|
||||
- **性能优化**:图片懒加载,视频预加载,流畅的动画过渡
|
||||
|
||||
## 5. 性能要求
|
||||
|
||||
### 5.1 核心指标
|
||||
- **启动时间**:冷启动≤3秒,热启动≤1秒
|
||||
- **视频加载**:首帧加载≤500ms,播放卡顿率≤1%
|
||||
- **滑动流畅**:帧率≥60fps,响应延迟≤100ms
|
||||
- **内存占用**:峰值≤500MB,后台运行≤100MB
|
||||
|
||||
### 5.2 技术约束
|
||||
- **网络适应**:支持弱网环境,自适应码率调整
|
||||
- **电量优化**:后台运行功耗≤5%/小时
|
||||
- **存储管理**:缓存自动清理,用户可手动清理
|
||||
- **安全要求**:数据传输加密,用户隐私保护
|
||||
|
||||
### 5.3 兼容性要求
|
||||
- **系统版本**:iOS 12.0+,Android 7.0+
|
||||
- **设备适配**:支持主流手机和平板设备
|
||||
- **网络环境**:4G/5G/WiFi网络自适应
|
||||
- **国际化**:支持多语言和地区适配
|
||||
Reference in New Issue
Block a user