76 lines
4.1 KiB
Markdown
Executable File
76 lines
4.1 KiB
Markdown
Executable File
# 梦回高句丽视频分享平台产品需求文档
|
||
|
||
## 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端和移动端访问。移动端优化触摸交互，视频播放器支持手势控制，瀑布流在小屏幕上自适应为单列或双列布局。 |