# yinxiu-web

**Repository Path**: coderyaling/yinxiu-web

## Basic Information

- **Project Name**: yinxiu-web
- **Description**: 一款网页端的短视频网站，基于Vue2.0实现的短视频集成商城的平台。基于上述的背景调查，设计相应的架构来实现一个包含商品交易、广告投放、用户交互的一个项目平台。
- **Primary Language**: JavaScript
- **License**: GPL-3.0
- **Default Branch**: master
- **Homepage**: http://yinxiu.coderfy.top
- **GVP Project**: No

## Statistics

- **Stars**: 1
- **Forks**: 0
- **Created**: 2023-07-25
- **Last Updated**: 2023-08-27

## Categories & Tags

**Categories**: Uncategorized

**Tags**: Vue, Vuex, JavaScript, HTML, CSS

## README

# 音秀

## 音秀上线地址
欢迎访问我的音秀短视频（数据量可能比较少）！[http://yinxiu.coderfy.top](http://yinxiu.coderfy.top)
## 项目介绍
短视频的发展成为当代的发展趋势，短视频的流行更带动了商品和广告的发展。根据有关数据显示，短视频平台的营销收入成倍增长，短视频已经成为当代产品商和广告商的投放重点。基于上述的背景调查，设计相应的架构来实现一个包含商品交易、广告投放、用户交互的一个项目平台。
实现了一个简单的短视频网站平台，前端技术栈为 Vue + ElementUI + Echarts + WebSocket协议 + CSS 布局等。平台包括用户浏览中心和用户作品创作管理中心，用户浏览中心包括首页、推荐中心、检索中心、用户私信、用户通知、作品详情、广告投放、商品详情、商品支付、用户关注中心、用户朋友中心、个人中心、热点作品中心、分类作品、评论界面等模块，用户创作中心包括作品发布中心、作品管理中心、广告管理、商品管理、创作首页、音秀活动中心、关注模块、朋友模块、交互模块、作品数据、创作周报、帮助模块。

- 大部分功能是我个人进行开发的，学习并且熟练了很多技术。
- 使用 Vue2.0 + ElementUi 来打造一套自己的、基于较新的的技术栈、前后端分离的前端管理系统。
## 项目技术
| 技术 | 说明 | 官网 |
| --- | --- | --- |
| Vue.js | 前端框架 | [https://vuejs.org/](https://vuejs.org/) |
| Vue-router | 路由框架 | [https://router.vuejs.org/](https://router.vuejs.org/) |
| Vuex | 全局状态管理框架 | [https://vuex.vuejs.org/](https://vuex.vuejs.org/) |
| Element | 前端ui框架 | [ https://element.eleme.io](https://element.eleme.io/) |
| Axios | 前端HTTP框架 | [ https://github.com/axios/axios](https://github.com/axios/axios) |
| WebSocket | 全双工通信协议 | [http://www.websocket.org/](http://www.websocket.org/) |
| Echarts | 图表框架 | [www.echartsjs.com](https://www.echartsjs.com) |

## 项目开源地址
- 音秀前端：[https://gitee.com/coderyaling/yinxiu-web.git](https://gitee.com/coderyaling/yinxiu-web.git)
- 音秀后端：[https://gitee.com/codergjw/yinxiu.git](https://gitee.com/codergjw/yinxiu.git)

_本项目将长期更新与维护，欢迎拉取和star！_
## 功能完善情况

- [x] 登录注册
- [x] 音秀首页
- [x] 推荐中心
- [x] 关注中心
- [x] 个人中心
- [x] 音秀热点
- [x] 作品分类
- [x] 私信中心
- [x] 通知中心
- [x] 商品详情
- [x] 商品订单支付
- [x] 检索模块
- [x] 作品详情
- [x] 作品评论
- [x] 创作首页
- [x] 作品上传
- [x] 作品管理
- [x] 活动中心
- [x] 关注模块
- [x] 交互模块
- [x] 作品数据
- [x] 创作周报
- [x] 帮助中心
- [ ] 后台管理
- [ ] 作品播放富工具
- [ ] 商品评论
- [ ] 作品剪辑
## 项目预览

![输入图片说明](gitee-file/0.jpg)
![输入图片说明](gitee-file/1.jpg)
![输入图片说明](gitee-file/-1.jpg)
![输入图片说明](gitee-file/2.jpg)
![输入图片说明](gitee-file/3.jpg)
![输入图片说明](gitee-file/4.jpg)
![输入图片说明](gitee-file/5.jpg)
![输入图片说明](gitee-file/6.jpg)
![输入图片说明](gitee-file/7.jpg)
![输入图片说明](gitee-file/8.jpg)
![输入图片说明](gitee-file/9.jpg)
![输入图片说明](gitee-file/10.jpg)
![输入图片说明](gitee-file/11.jpg)
![输入图片说明](gitee-file/12.jpg)
![输入图片说明](gitee-file/13.jpg)
![输入图片说明](gitee-file/14.jpg)
![输入图片说明](gitee-file/15.jpg)
![输入图片说明](gitee-file/16.jpg)
![输入图片说明](gitee-file/17.jpg)
![输入图片说明](gitee-file/18.jpg)
![输入图片说明](gitee-file/19.jpg)
![输入图片说明](gitee-file/20.jpg)
![输入图片说明](gitee-file/21.jpg)
![输入图片说明](gitee-file/22.jpg)
![输入图片说明](gitee-file/23.jpg)
![输入图片说明](gitee-file/24.jpg)
![输入图片说明](gitee-file/25.jpg)
![输入图片说明](gitee-file/26.jpg)
![输入图片说明](gitee-file/27.jpg)
![输入图片说明](gitee-file/28.jpg)
![输入图片说明](gitee-file/29.jpg)
![输入图片说明](gitee-file/30.jpg)
![输入图片说明](gitee-file/31.jpg)
![输入图片说明](gitee-file/32.jpg)