Easy云盘项目是一个类似百度云网盘的云盘项目,主要包含下面的功能:
- 文件上传功能:包括生成文件md5、大文件切片上传、文件秒传、视频和图片文件转码等功能。
- 文件分享功能:
- 文件放回收站:文件删除后会进入回收站,可以恢复或者彻底删除。
- 文件预览功能:实现了常见功能的预览,包括:文档文件(docx, pdf, excel)、代码文件、图片文件、视频文件、音频文件。
后端技术:Spring Boot + Mybatis Plus + MySQL + Redis
前端技术:vite vue + axios + pinia + router + js + Element Plus
开发工具:IntelliJ IDEA、Visual Studio Code、ApiPost7
核心技术
文件转码 | FFmpeg |
---|---|
文件预览 | dplayer、vue-office、el-image-viewer |
文件MD5 | spark-md5 |
验证码 | BufferedImage |
登陆页面
主页面
图片预览
音乐播放
文件预览
视频播放
.
├── easypan-server # 后端项目
│ ├── easypan.sql # 数据库sql
├── easypan-web # 前端项目
├── webser # 文件资源路径,在application.properties中配置
npm install
npm run dev
npm run build
npm run lint
1、运行easypan.sql
脚本文件,导入数据
2、在application.properties
配置mysql
3、在application.properties
配置 redis
4、在application.properties
配置资源路径,即webser
所在目录