视频起步

This commit is contained in:
ovo 2024-12-08 16:19:11 +08:00
parent a4a642b8b6
commit e894c20b98
2 changed files with 496 additions and 882 deletions

View File

@ -41,7 +41,7 @@ const mockVideos: Video[] = [
duration: '15:30', duration: '15:30',
category: 'health', category: 'health',
views: 2345, views: 2345,
description: '专业<EFBFBD><EFBFBD>生讲解养生知识', description: '专业生讲解养生知识',
uploadTime: '2024-03-19', uploadTime: '2024-03-19',
likes: 342, likes: 342,
comments: 67, comments: 67,
@ -99,54 +99,108 @@ export const videoCategories = [
{ label: '新闻资讯', value: 'news' } { label: '新闻资讯', value: 'news' }
] ]
// 模拟 API 接口 // 视频相关接口
export const videoApi = { export const videoApi = {
// 获取视频列表 // 获取视频列表
async getVideoList(category: string = ''): Promise<Video[]> { async getList(params: {
await delay(500) // 模拟网络延迟 pageNum?: number
return mockVideos.filter(video => pageSize?: number
category ? video.category === category : true keyword?: string
) }) {
const res = await request.get('/videos', { params })
return res.data
}, },
// 获取视频详情 // 获取视频详情
async getVideoDetail(id: number): Promise<Video | undefined> { async getDetail(id: number) {
await delay(300) const res = await request.get(`/videos/${id}`)
return mockVideos.find(video => video.id === id) return res.data
}, },
// 更新观看次数 // 上传视频
async updateViews(id: number): Promise<void> { async upload(data: FormData) {
await delay(200) const res = await request.post('/videos/upload', data, {
const video = mockVideos.find(v => v.id === id) headers: {
if (video) { 'Content-Type': 'multipart/form-data'
video.views += 1
} }
})
return res.data
}, },
// 点赞视频 // 更新视频信息
async likeVideo(id: number): Promise<void> { async update(id: number, data: {
await delay(200) title: string
const video = mockVideos.find(v => v.id === id) description: string
if (video) { tags?: string
video.likes += 1 }) {
} const res = await request.put(`/videos/${id}`, data)
return res.data
},
// 删除视频
async delete(id: number) {
await request.delete(`/videos/${id}`)
},
// 点赞/取消点赞
async toggleLike(id: number) {
await request.post(`/videos/${id}/like`)
},
// 增加观看次数
async addView(id: number) {
await request.post(`/videos/${id}/view`)
}, },
// 获取推荐视频 // 获取推荐视频
async getRecommendedVideos(currentId: number): Promise<Video[]> { async getRecommend(limit: number = 10) {
await delay(300) const res = await request.get('/videos/recommend', {
return mockVideos params: { limit }
.filter(video => video.id !== currentId) })
.sort(() => Math.random() - 0.5) return res.data
.slice(0, 3)
}, },
// 获取热门视频 // 获取相似视频
async getHotVideos(): Promise<Video[]> { async getSimilar(id: number, limit: number = 10) {
await delay(300) const res = await request.get(`/videos/${id}/similar`, {
return [...mockVideos] params: { limit }
.sort((a, b) => b.views - a.views) })
.slice(0, 5) return res.data
} }
} }
// 视频DTO类型定义
export interface VideoDTO {
id: number
title: string
description: string
url: string
coverUrl: string
duration: number
size: number
status: 'DRAFT' | 'PUBLISHED' | 'DELETED'
userId: number
username: string
createdTime: string
updatedTime: string
viewCount: number
likeCount: number
tags: string
hasLiked: boolean
}
// 分页响应类型
export interface PageResponse<T> {
records: T[]
total: number
size: number
current: number
pages: number
}
// 响应类型
export interface ApiResponse<T> {
code: number
message: string
data: T
}

File diff suppressed because it is too large Load Diff