推荐一个鲜有人知晓的的云盘开源项目，可以作为某度云的替代品。
该项目采用最流行的前后端分离架构进行开发和部署，旨在为用户和企业提供一个简单、方便的文件存储方案，能够以完善的目录结构体系，对文件进行管理 。主要用到以下 技术栈 ：
前端：Element UI、Vue、Node.js、Webpack
后端： MySQL、Spring Boot、MyBatis、JPA、JWT
01. 功能截图
页面布局
页面布局分为三个区域，分别是菜单栏、文件操作、导航区域。
网盘主页
左侧菜单栏可折叠，表格操作列可折叠，可控制当前表格中列的显示和隐藏。
批量操作功能
文件查看 – 列表模式
文件查看 – 网格模式
文件查看 – 时间线模式
创建文件夹
文件图标大小调整
文件移动
文件在线解压缩
文件分片上传
文件采用分片上传，集成了 simiple-uplader 的文件秒传、断点续传功能。
拖拽上传
截图粘贴上传
直接使用任何 截图工具 截图后，在拖拽区域使用 Ctrl + V 粘贴图片，点击上传图片即可上传。
文件回收站
文件单个和批量分享
可以选择过期时间和是否需要提取码：
提供快捷复制链接及提取码给他人：
粘贴分享链接及提取码效果类似于百度云：
分享链接：
提取码：356978
他人查看分享内容，并支持保存到 网盘 功能：
分享过的文件列表
支持在列表中快捷复制当次的分享链接及提取码，并标注分享时间和过期状态：
视频在线预览
文件类型为视频时，点击即可打开预览窗口，展示播放列表，支持快进、后退、暂停、倍速播放、全屏播放、下载视频和折叠播放列表。
音频在线播放
02. 如何安装
环境准备
源码的编译和运行需要依赖以下开发环境，下面所列的版本号仅供参考：
- JDK 版本：8 +
- MySQL 版本：5+
- Node.js 版本：12.12.1
- nginx 版本：1.17.3
- Git 版本：2.24.0
代码下载
分别下载前后台代码，开源地址可以关注微信公众号「逛逛GitHub」回复「0603」下载。
编译及运行
进入后台代码根目录，点击 install.bat 会进行编译，编译完成之后会生成 release 发布包。
该 release 包是独立的，你可以将它拷贝到任何具有 Java 环境的地方进行执行。
进入 bin 目录里，如下图：
从上图可以看到出现了4个启动和停止 脚本 ，作用如下：
- linux 重启脚本：restart.sh
- linux 启动脚本：start.sh
- linux 停止脚本：stop.sh
- windows 启动脚本：winstart.bat
windows 环境启动及停止
在 windows 环境下点击 winstart.bat 之后会出现 Spring Boot 的启动黑窗口，这个窗口不能关闭，关闭就意味着程序结束，当出现如下字样，说明后台已经启动成功。
Linux 环境启动及停止
在 Linux 环境下，具体的操作这就不描述了可以查看：
前台代码编译
首先在前台代码目录下执行如下命令进行编译
npm install
前台开发环境运行
此种方式适用于开发，执行命令
npm run serve
运行完成之后，界面上会显示出访问路径，通过浏览器访问即可
前台生产环境运行
执行 npm run build 部署: 打包后会生成文件夹 dist，将 dist 文件夹下的文件放置于 nginx/html 目录下，并配置 nginx/conf/nginx.conf，具体配置如下：
server {
listen 80 ;
server_name localhost; #将localhost修改为您证书绑定的域名，例如：www.example.com。
location / {
root html;
index index.html index.htm;
try_files $uri $uri / /index.html; #可以防止页面刷新404
}
location /api/{
#proxy_set_hearder host $host;
#proxy_set_header X-forwarded-for $proxy_add_x_forwarded_for;
#proxy_set_header X-real-ip $remote_addr;
# 配置此处用于获取客户端的真实IP
proxy_set_header Host $http_host ;
proxy_set_header X-Real-IP $remote_addr ;
proxy_set_header X-Forwarded-For $proxy_add_x_forwarded_for ;
proxy_set_header X-Forwarded-Proto $scheme ;
proxy_pass
}
error_page 500 502 503 504 /50x.html;
location = /50x.html {
root html;
}
}
浏览器访问
出现如下界面，说明就已经大功告成
对了，如果你想使用 MySql 作为项目数据库，可将项目切换为生产环境配置，切换方法请参见：
转载自： 逛逛 GitHub 公众号
原文链接：
