# graduation_front

**Repository Path**: hejunyu123/graduation_front

## Basic Information

- **Project Name**: graduation_front
- **Description**: 毕业设计前端
- **Primary Language**: Unknown
- **License**: Not specified
- **Default Branch**: master
- **Homepage**: None
- **GVP Project**: No

## Statistics

- **Stars**: 0
- **Forks**: 0
- **Created**: 2023-11-01
- **Last Updated**: 2024-01-30

## Categories & Tags

**Categories**: Uncategorized

**Tags**: None

## README

# graduation_front

#### 介绍

毕业设计仿b站在线视频网站前端

## 项目缺陷

因为项目视频数据有限，很多功能多无法完全展现，比如ElasticSearch的相关度搜索，以及之前想要设计的根据

用户近期浏览记录，提取出关键词去ElasticSearch中查询，以此来推荐用户喜欢的视频。



## 项目启动命令

下载依赖

npm install

携带env参数启动

vue-cli-service serve --mode dev





## 页面展示

### 前台页面

#### 首页
![输入图片说明](src/assets/rotationPic/image-20231108212036592.png)


##### 搜索页

可通过按钮对搜索结果进行过滤和排序。

![输入图片说明](src/assets/rotationPic/image-20231108212755744.png)



##### 投稿页

![输入图片说明](src/assets/rotationPic/image-20231108212223438.png)



### 后台页面

#### 视频管理页

![输入图片说明](src/assets/rotationPic/image-20231108212831003.png)



#### 视频审核页

![输入图片说明](src/assets/rotationPic/image-20231108212848806.png)

#### 认证授权管理

##### 用户管理（可以管理用户以及给用户绑定角色）

![输入图片说明](src/assets/rotationPic/image-20231108212921111.png)

##### 角色管理（可以管理角色以及给角色绑定权限）

![输入图片说明](src/assets/rotationPic/image-20231108213014450.png)

##### 权限管理（可以管理权限）

![输入图片说明](src/assets/rotationPic/image-20231108213031745.png)