大家好,我是小编南风吹,每天推荐一个小工具/源码,装满你的收藏夹,让你轻松节省开发效率,实现不加班不熬夜不掉头发!
今天小编推荐一款基于Spring Boot + VUE CLI@3 框架开发的分布式文件系统,旨在为用户和企业提供一个简单、方便的文件存储方案,能够以完善的目录结构体系,对文件进行管理 。
技术架构
该项目采用前后端分离的方式进行开发和部署,主要用到以下关键技术
前端:Element UI、Vue CLI@3、Node.js、Webpack
后台:Spring Boot、MyBatis、JPA、JWT
数据库 : MySQL
数据结构:递归算法,树的遍历和插入
开源协议
系统 100%开源,本软件遵循 MIT 开源协议
奇文网盘链接地址:https://gitee.com/qiwen-cloud/qiwen-file-web
特性
- 阿里云OSS存储:支持本地磁盘存储和阿里云OSS存储,并可以在使用中随意切换。
- 文件分片上传和极速秒传:文件分片上传,提高上传速度;准确识别已上传文件,达到秒传效果。
- 文件分类查看:帮助用户更加快速的找到需要的文件,我们支持对文件进行分类显示并查看预览。
- 支持回收站功能:回收站可以轻松帮助找回误删文件,对回收站进行清理后文件才将彻底删除。
- 多种展示模式:提供了列表和网格两种展示风格,同时对图片类型提供了时间线模式。
- 全局搜索:支持搜索文件名,快速定位文件并可以打开文件所处位置。
- 文件分享:支持分享文件,设置过期时间,自动生成提取码;可查看个人分享过的文件列表。
- 文件基本操作:支持拖拽上传文件,支持文件移动、重命名、解压缩、下载、删除、还原。
- 文件预览:支持图片、视频、音频在线预览,支持 office 文件在线预览。
功能截图
页面布局
- 左侧菜单栏区域:展示文件类型,点击可以分类查看文件,底部显示已占用存储空间。
- 顶部文件操作区域:包括对文件的操作按钮组、文件查看模式切换按钮组、设置文件显示列按钮。
- 右侧文件展示区域:包括面包屑导航栏——标识当前位于的目录;文件展示区域——展示形式会随文件查看模式而改变;底部分页组件。
三种查看模式
文件查看支持三种展示模式(列表、网格和时间线模式)
创建文件夹
文件图标大小调整
在网格模式和时间线模式下,支持手动调整图标大小:
文件移动
文件分片上传
文件采用分片上传,集成了simiple-uplader的文件秒传、断点续传功能。
文件回收站
文件单个和批量分享
支持单个和批量分享文件给他人:
可以选择过期时间和是否需要提取码:
提供快捷复制链接及提取码给他人
他人查看分享内容,并支持保存到网盘功能
支持查看自己已分享过的文件列表
支持在列表中快捷复制当次的分享链接及提取码,并标注分享时间和过期状态:
视频在线预览
文件类型为视频时,点击即可打开预览窗口,展示播放列表,支持快进、后退、暂停、倍速播放、全屏播放、下载视频和折叠播放列表。
音频在线播放
结尾
本期就分享到这里,我是小编南风吹,专注分享好玩有趣、新奇、实用的开源项目及开发者工具、学习资源!希望能与大家共同学习交流。
本文来自南风吹,本文观点不代表 PmTemple 立场,转载请联系原作者。原文链接: