first commit

.trae/documents/梦回高句丽项目产品需求文档.md

@@ -0,0 +1,76 @@
+# 梦回高句丽视频分享平台产品需求文档
+
+## 1. Product Overview
+梦回高句丽是一个专注于高句丽文化内容的视频分享平台，为用户提供视频上传、观看、搜索和管理功能。
+- 解决高句丽文化内容传播和保存的问题，为文化爱好者和研究者提供专业的视频分享平台。
+- 目标是打造具有高句丽文化特色的专业视频分享社区，推广和传承高句丽文化。
+
+## 2. Core Features
+
+### 2.1 User Roles
+| Role | Registration Method | Core Permissions |
+|------|---------------------|------------------|
+| 游客用户 | 无需注册 | 可浏览视频、搜索、观看视频 |
+| 管理员 | 后台账号登录 | 可上传视频、管理内容、修改播放量、设置推荐 |
+
+### 2.2 Feature Module
+我们的视频分享平台需求包含以下主要页面：
+1. **首页**：瀑布流视频展示、搜索功能、分页导航
+2. **视频详情页**：视频播放器、详细信息展示、相关推荐
+3. **用户详情页**：用户上传视频列表、用户信息、搜索功能
+4. **后台管理页**：视频管理、用户管理、数据统计
+5. **后台登录页**：管理员身份验证
+
+### 2.3 Page Details
+| Page Name | Module Name | Feature description |
+|-----------|-------------|---------------------|
+| 首页 | 瀑布流展示区 | 16:9比例显示视频封面、标题、介绍、上传时间、上传用户，支持火热标记和推荐标记 |
+| 首页 | 搜索模块 | 关键词搜索视频标题，实时搜索结果展示 |
+| 首页 | 分页导航 | 分页切换，支持上一页下一页和页码跳转 |
+| 视频详情页 | 视频播放器 | 支持多格式视频播放，播放进度记录，缓存管理 |
+| 视频详情页 | 视频信息 | 显示标题、介绍、上传时间、上传用户、播放量统计 |
+| 用户详情页 | 用户视频列表 | 瀑布流展示用户上传的所有视频 |
+| 用户详情页 | 用户搜索 | 搜索用户上传视频中包含关键词的内容 |
+| 后台管理页 | 视频管理 | 视频增删改查、设置可见性、置顶、推荐、修改播放量 |
+| 后台管理页 | 内容编辑 | 视频信息编辑、封面设置、分类管理 |
+| 后台登录页 | 身份验证 | 管理员登录验证，会话管理 |
+
+## 3. Core Process
+
+**游客用户流程：**
+用户访问首页 → 浏览瀑布流视频 → 点击封面播放视频或点击标题进入详情页 → 观看视频 → 点击用户名进入用户详情页 → 使用搜索功能查找感兴趣的内容
+
+**管理员流程：**
+管理员登录后台 → 上传视频并填写信息 → 设置封面和可见性 → 管理已上传视频 → 设置推荐和置顶 → 修改播放量数据
+
+```mermaid
+graph TD
+    A[首页] --> B[视频详情页]
+    A --> C[用户详情页]
+    A --> D[搜索结果页]
+    B --> E[视频播放]
+    C --> F[用户视频列表]
+    G[后台登录页] --> H[后台管理页]
+    H --> I[视频上传]
+    H --> J[内容管理]
+```
+
+## 4. User Interface Design
+
+### 4.1 Design Style
+- 主色调：深红色(#8B0000)和金黄色(#FFD700)，体现高句丽文化特色
+- 按钮样式：圆角按钮，带有古典边框装饰
+- 字体：中文使用思源黑体，英文使用Roboto，主要字号16px
+- 布局风格：卡片式设计，顶部导航栏，响应式布局
+- 图标风格：使用古典风格图标，配合高句丽文化元素
+
+### 4.2 Page Design Overview
+| Page Name | Module Name | UI Elements |
+|-----------|-------------|-------------|
+| 首页 | 瀑布流展示区 | 卡片式布局，16:9视频封面，渐变遮罩，火热标记(右上角红色火焰图标)，推荐标记(左上角金色皇冠图标) |
+| 首页 | 搜索模块 | 顶部搜索栏，圆角输入框，搜索按钮带放大镜图标 |
+| 视频详情页 | 视频播放器 | 全屏播放器，自定义控制栏，进度条使用主题色 |
+| 后台管理页 | 管理界面 | 侧边栏导航，表格展示，操作按钮组，文件上传拖拽区域 |
+
+### 4.3 Responsiveness
+网站采用移动端优先的响应式设计，支持PC端和移动端访问。移动端优化触摸交互，视频播放器支持手势控制，瀑布流在小屏幕上自适应为单列或双列布局。