# difficultTiktokFront

**Repository Path**: Lumosjiang/difficult-tiktok-front

## Basic Information

- **Project Name**: difficultTiktokFront
- **Description**: No description available
- **Primary Language**: Unknown
- **License**: Not specified
- **Default Branch**: master
- **Homepage**: None
- **GVP Project**: No

## Statistics

- **Stars**: 0
- **Forks**: 0
- **Created**: 2025-06-03
- **Last Updated**: 2025-06-04

## Categories & Tags

**Categories**: Uncategorized

**Tags**: None

## README

# 简易抖音 - 前端项目

本项目是API设计与分析课程的期末大作业，基于Vue.js实现的简易版抖音前端应用。

## 功能特性

- 视频推荐主页
  - 按点赞数排序推荐视频
  - 访问过的视频不再推荐
  - 视频上下滑动浏览功能

- 视频互动功能
  - 视频点赞功能

- 用户视频管理
  - 发布视频功能
  - 分页查看个人视频
  - 删除个人视频功能(前端已实现，后端接口缺失)

- 用户账户功能
  - 用户注册
  - 用户登录
  - 退出登录

## 技术栈

- Vue.js 2.x
- Vuex 状态管理
- Vue Router 路由管理
- Element UI 组件库
- Axios HTTP客户端

## 项目结构

```
src/
  ├── assets/        # 静态资源
  ├── components/    # 组件
  │   └── VideoPlayer.vue  # 视频播放器组件
  ├── pages/         # 页面组件
  │   ├── Feed.vue           # 视频推荐主页
  │   ├── Login.vue          # 登录页面
  │   ├── Profile.vue        # 个人中心页面
  │   ├── Publish.vue        # 视频发布页面
  │   └── Register.vue       # 注册页面
  ├── router/        # 路由配置
  ├── services/      # API服务
  ├── store/         # Vuex状态管理
  ├── utils/         # 工具函数
  ├── App.vue        # 根组件
  └── main.js        # 入口文件
```

## 安装与运行

1. 安装依赖
```
npm install
```

2. 启动开发服务器
```
npm run serve
```

3. 构建生产版本
```
npm run build
```

## 与后端对接

前端通过Axios与后端API进行交互，主要接口包括：

- 用户接口
  - POST /user/register/ - 用户注册
  - POST /user/login/ - 用户登录
  - GET /user/ - 获取用户信息

- 视频接口
  - GET /feed - 获取视频流
  - POST /publish/action/ - 发布视频
  - GET /publish/list/ - 获取用户视频列表

- 互动接口
  - POST /favorite/action/ - 视频点赞/取消点赞
  - GET /favorite/list/ - 获取用户点赞视频列表

## 缺失功能

后端缺少的功能请参考根目录下的`后端功能缺失说明.md`文件。