依星源码资源网,依星资源网

 找回密码
 立即注册

QQ登录

只需一步,快速开始

限时开通VIP永久会员,可免费下载所有附件此广告位出租
查看: 10|回复: 0

基于Spring Boot + VUE CLI@3 框架开发的分布式文件系统,一个简单、方便的文件存储方案 支持分片上传 极速秒传 断点续传

[复制链接] 主动推送

9442

主题

9494

帖子

1万

积分

管理员

Rank: 9Rank: 9Rank: 9

积分
10275
发表于 3 天前 | 显示全部楼层 |阅读模式
基于Spring Boot + VUE CLI@3 框架开发的分布式文件系统,一个简单、方便的文件存储方案 支持分片上传  极速秒传  断点续传
一、项目简介
基于Spring Boot + VUE CLI@3 框架开发的分布式文件系统,旨在为用户和企业提供一个简单、方便的文件存储方案,能够以完善的目录结构体系,对文件进行管理 。
二、界面展示部分功能截图1. 网盘主页
1.1 页面布局
  • 左侧分类栏区域:展示文件类型,分为我的文件、回收站和我的分享三大类,切换分类可以查看文件,底部显示已占用存储空间。点击左侧分类栏中的全部,右侧文件列表会随面包屑导航栏中的当前位置变化而变化,调用后台接口,传参当前位置 & 分页数据,获取当前路径下 & 当前页的文件列表。点击左侧分类栏中的图片、文档、视频、音乐、其他,面包屑导航栏将显示当前文件类型,右侧文件列表会随左侧分类栏的切换而变化,调用后台接口,传参当前点击的文件类型 & 分页数据,获取当前文件类型 & 当前页的文件列表。点击左侧分类栏中的回收站,右侧文件列表显示回收站中的文件。点击左侧分类栏中的我的分享,右侧文件列表显示个人分享过的文件。
  • 顶部文件操作区域:包括对文件的操作按钮组、文件查看模式切换按钮组、设置文件显示列按钮
  • 中间面包屑导航栏:标识当前位于的目录。点击层级,可以回到任意一层目录;点击面包屑导航栏后面的空白处,可以手动输入路径以便快速进入指定目录
  • 右侧文件展示区域:展示形式会随文件查看模式而改变;底部分页组件。

基于Spring Boot + VUE CLI@3 框架开发的分布式文件系统,一个简单、方便的文件存储方案 支持分片上传 极 ...

基于Spring Boot + VUE CLI@3 框架开发的分布式文件系统,一个简单、方便的文件存储方案 支持分片上传  极 ...

1.2 布局调整功能
左侧菜单栏可折叠,可控制当前表格中列的显示和隐藏

基于Spring Boot + VUE CLI@3 框架开发的分布式文件系统,一个简单、方便的文件存储方案 支持分片上传 极 ...

基于Spring Boot + VUE CLI@3 框架开发的分布式文件系统,一个简单、方便的文件存储方案 支持分片上传  极 ...
1.3 文件图标大小调整
在网格模式和时间线模式下,支持手动调整图标大小:

基于Spring Boot + VUE CLI@3 框架开发的分布式文件系统,一个简单、方便的文件存储方案 支持分片上传 极 ...

基于Spring Boot + VUE CLI@3 框架开发的分布式文件系统,一个简单、方便的文件存储方案 支持分片上传  极 ...
2. 路径导航
点击目录跳转到该文件夹内部,在面包屑导航栏后面空白处点击,可以输入路径,快速到达指定路径(此功能仅支持在 我的文件 - 全部 分类下使用)

基于Spring Boot + VUE CLI@3 框架开发的分布式文件系统,一个简单、方便的文件存储方案 支持分片上传 极 ...

基于Spring Boot + VUE CLI@3 框架开发的分布式文件系统,一个简单、方便的文件存储方案 支持分片上传  极 ...

3. 三种查看模式
文件查看支持三种展示模式:列表、网格和时间线模式
3.1 列表模式

基于Spring Boot + VUE CLI@3 框架开发的分布式文件系统,一个简单、方便的文件存储方案 支持分片上传 极 ...

基于Spring Boot + VUE CLI@3 框架开发的分布式文件系统,一个简单、方便的文件存储方案 支持分片上传  极 ...

3.2 网格模式

基于Spring Boot + VUE CLI@3 框架开发的分布式文件系统,一个简单、方便的文件存储方案 支持分片上传 极 ...

基于Spring Boot + VUE CLI@3 框架开发的分布式文件系统,一个简单、方便的文件存储方案 支持分片上传  极 ...

3.3 时间线模式
时间线模式目前仅在左侧分类栏选择图片时才支持,我们会尽快支持其他类型的文件

基于Spring Boot + VUE CLI@3 框架开发的分布式文件系统,一个简单、方便的文件存储方案 支持分片上传 极 ...

基于Spring Boot + VUE CLI@3 框架开发的分布式文件系统,一个简单、方便的文件存储方案 支持分片上传  极 ...
4. 文件操作
文件操作结合了电脑客户端的操作方式,支持任何文件右键唤起操作列表,或勾选文件并点击顶部相关批量操作按钮。
4.1 新建文件夹

基于Spring Boot + VUE CLI@3 框架开发的分布式文件系统,一个简单、方便的文件存储方案 支持分片上传 极 ...

基于Spring Boot + VUE CLI@3 框架开发的分布式文件系统,一个简单、方便的文件存储方案 支持分片上传  极 ...

4.2 文件移动
支持文件单个和批量移动,选择目录后,点击确定即可移动文件到目标路径,同时在弹框中提供新建文件夹功能。

基于Spring Boot + VUE CLI@3 框架开发的分布式文件系统,一个简单、方便的文件存储方案 支持分片上传 极 ...

基于Spring Boot + VUE CLI@3 框架开发的分布式文件系统,一个简单、方便的文件存储方案 支持分片上传  极 ...
4.3 文件在线解压缩
支持 ZIP 和 RAR 格式的文件在线解压缩,支持三种解压方式:
  • 解压到当前文件夹
  • 解压到以当前压缩文件命名的文件夹内
  • 解压到指定文件夹

基于Spring Boot + VUE CLI@3 框架开发的分布式文件系统,一个简单、方便的文件存储方案 支持分片上传 极 ...

基于Spring Boot + VUE CLI@3 框架开发的分布式文件系统,一个简单、方便的文件存储方案 支持分片上传  极 ...

4.4 文件搜索
支持文件名搜索文件,搜索功能后台配置请查看顶部导航栏配置-后台项目配置-文件搜索配置

基于Spring Boot + VUE CLI@3 框架开发的分布式文件系统,一个简单、方便的文件存储方案 支持分片上传 极 ...

基于Spring Boot + VUE CLI@3 框架开发的分布式文件系统,一个简单、方便的文件存储方案 支持分片上传  极 ...
4.5 批量操作功能
在列表和网格模式下,提供了批量操作功能,可以对文件进行批量删除、移动和下载。

基于Spring Boot + VUE CLI@3 框架开发的分布式文件系统,一个简单、方便的文件存储方案 支持分片上传 极 ...

基于Spring Boot + VUE CLI@3 框架开发的分布式文件系统,一个简单、方便的文件存储方案 支持分片上传  极 ...
5. 三种文件上传方式
5.1 文件 & 文件夹分片上传
支持文件和文件夹上传。文件采用分片上传,集成了 simiple-uplader 的文件秒传、断点续传功能,此插件的具体配置项可以查看该项目的官方文档。

基于Spring Boot + VUE CLI@3 框架开发的分布式文件系统,一个简单、方便的文件存储方案 支持分片上传 极 ...

基于Spring Boot + VUE CLI@3 框架开发的分布式文件系统,一个简单、方便的文件存储方案 支持分片上传  极 ...

5.2 拖拽上传
支持全屏区域拖拽上传文件。

基于Spring Boot + VUE CLI@3 框架开发的分布式文件系统,一个简单、方便的文件存储方案 支持分片上传 极 ...

基于Spring Boot + VUE CLI@3 框架开发的分布式文件系统,一个简单、方便的文件存储方案 支持分片上传  极 ...
5.3 截图粘贴上传
直接使用任何截图工具截图后,在拖拽区域使用 Ctrl + V 粘贴图片,点击上传图片即可上传。

基于Spring Boot + VUE CLI@3 框架开发的分布式文件系统,一个简单、方便的文件存储方案 支持分片上传 极 ...

基于Spring Boot + VUE CLI@3 框架开发的分布式文件系统,一个简单、方便的文件存储方案 支持分片上传  极 ...
6. 文件回收站
提供文件回收站功能,支持彻底删除和还原文件。

基于Spring Boot + VUE CLI@3 框架开发的分布式文件系统,一个简单、方便的文件存储方案 支持分片上传 极 ...

基于Spring Boot + VUE CLI@3 框架开发的分布式文件系统,一个简单、方便的文件存储方案 支持分片上传  极 ...
7. 文件分享7.1 单个或批量文件分享
  • 支持单个和批量分享文件给他人:

基于Spring Boot + VUE CLI@3 框架开发的分布式文件系统,一个简单、方便的文件存储方案 支持分片上传 极 ...

基于Spring Boot + VUE CLI@3 框架开发的分布式文件系统,一个简单、方便的文件存储方案 支持分片上传  极 ...

  • 可以选择过期时间和是否需要提取码:

基于Spring Boot + VUE CLI@3 框架开发的分布式文件系统,一个简单、方便的文件存储方案 支持分片上传 极 ...

基于Spring Boot + VUE CLI@3 框架开发的分布式文件系统,一个简单、方便的文件存储方案 支持分片上传  极 ...

  • 提供快捷复制链接及提取码给他人:

基于Spring Boot + VUE CLI@3 框架开发的分布式文件系统,一个简单、方便的文件存储方案 支持分片上传 极 ...

基于Spring Boot + VUE CLI@3 框架开发的分布式文件系统,一个简单、方便的文件存储方案 支持分片上传  极 ...

  • 粘贴分享链接及提取码效果:
分享链接:http://localhost:8080/share/363196ac9fd94371b9f47cb24f042d9f
提取码:967617
复制链接到浏览器中并输入提取码即可查看文件

  • 他人查看分享内容,并支持保存到网盘功能:

基于Spring Boot + VUE CLI@3 框架开发的分布式文件系统,一个简单、方便的文件存储方案 支持分片上传 极 ...

基于Spring Boot + VUE CLI@3 框架开发的分布式文件系统,一个简单、方便的文件存储方案 支持分片上传  极 ...

7.2 查看已分享过的文件列表
支持在列表中快捷复制当次的分享链接及提取码,并标注分享时间和过期状态:

基于Spring Boot + VUE CLI@3 框架开发的分布式文件系统,一个简单、方便的文件存储方案 支持分片上传 极 ...

基于Spring Boot + VUE CLI@3 框架开发的分布式文件系统,一个简单、方便的文件存储方案 支持分片上传  极 ...
8. 文件在线预览 & 编辑
8.1 office 在线预览 & 编辑
本地启动时,office 文件在线预览需要在本地搭建 only office 服务; 线上部署时,office 文件在线预览需要在服务器上搭建 only office 服务;
例如:word 文件在线预览:

基于Spring Boot + VUE CLI@3 框架开发的分布式文件系统,一个简单、方便的文件存储方案 支持分片上传 极 ...

基于Spring Boot + VUE CLI@3 框架开发的分布式文件系统,一个简单、方便的文件存储方案 支持分片上传  极 ...
例如:word 文件在线编辑:

基于Spring Boot + VUE CLI@3 框架开发的分布式文件系统,一个简单、方便的文件存储方案 支持分片上传 极 ...

基于Spring Boot + VUE CLI@3 框架开发的分布式文件系统,一个简单、方便的文件存储方案 支持分片上传  极 ...
8.2 markdown 在线预览 & 编辑
支持 markdown 文件在线预览、编辑、保存功能,集成 mavon-editor ,已内置到前端工程中

基于Spring Boot + VUE CLI@3 框架开发的分布式文件系统,一个简单、方便的文件存储方案 支持分片上传 极 ...

基于Spring Boot + VUE CLI@3 框架开发的分布式文件系统,一个简单、方便的文件存储方案 支持分片上传  极 ...
8.3 代码类文件在线预览 & 编辑
支持 C、C++、C#、Java、JavaScript、HTML、CSS、Less、Sass、Stylus …… 等常用代码类文件的在线预览、编辑、保存
集成 vue-codemirror,已内置到前端工程中,可参考 codemirror 官网说明添加更多语言

基于Spring Boot + VUE CLI@3 框架开发的分布式文件系统,一个简单、方便的文件存储方案 支持分片上传 极 ...

基于Spring Boot + VUE CLI@3 框架开发的分布式文件系统,一个简单、方便的文件存储方案 支持分片上传  极 ...
8.4 视频在线预览
文件类型为视频时,点击即可打开预览窗口,展示播放列表,支持快进、后退、暂停、倍速播放、全屏播放、下载视频和折叠播放列表。
视频播放器使用了 vue-video-player ,具体配置项请查看该项目的官方文档,外层播放列表和操作栏为自行封装的。

基于Spring Boot + VUE CLI@3 框架开发的分布式文件系统,一个简单、方便的文件存储方案 支持分片上传 极 ...

基于Spring Boot + VUE CLI@3 框架开发的分布式文件系统,一个简单、方便的文件存储方案 支持分片上传  极 ...
8.5 音频在线播放
MP3 格式的文件支持在线播放。

基于Spring Boot + VUE CLI@3 框架开发的分布式文件系统,一个简单、方便的文件存储方案 支持分片上传 极 ...

基于Spring Boot + VUE CLI@3 框架开发的分布式文件系统,一个简单、方便的文件存储方案 支持分片上传  极 ...
9. 移动端支持
除过在线编辑之外,其他的功能均支持在移动端操作 指南-功能展示-移动端支持
三、功能概述功能介绍用户操作
  • 用户注册
  • 用户登录
基本文件操作
支持图片、视频、音频在线预览
支持 PDF、JSON、TXT、HTML 等常用文本文件
支持 Office 文件在线预览
支持 ElasticSearch 文件名称模糊搜索

特色功能
功能
描述
office 在线编辑
Word、Excel、PowerPoint 文档的在线创建、在线编辑、协同编辑功能
集成 OnlyOffice,安装方式参考 安装 ONLYOFFICE
markdown 在线编辑
支持 markdown 文件在线预览、编辑、保存功能
集成 mavon-editor ,已内置到前端工程中
代码在线编辑
支持 C、C++、C#、Java、JavaScript、HTML、CSS、Less、Sass、Stylus
等常用代码类文件的在线预览、编辑、保存
集成 vue-codemirror,已内置到前端工程中,
可参考 codemirror 官网说明添加更多语言
文件分类查看
图片、视频、音乐、文档、其他,分类查看更快捷
多种查看模式
支持网格模式、列表模式、时间线模式
网格模式下图标支持手动控制显示大小
回收站
删除文件自动移入回收站,支持在回收站中彻底删除、还原文件
多种存储方式
基于奇文社区自研框架 UFOP,实现文件多样化存储。
支持本地磁盘、阿里云 OSS 对象存储、FastDFS 存储、MinIO 存储、
七牛云 KODO 对象存储,点击查看配置方式存储方式配置
支持分片上传
基于奇文社区自研框架 UFOP, 实现文件分片上传。
集成优秀开源项目 vue-simple-uploader
支持极速秒传
计算文件 MD5,实现极速秒传效果,提高上传效率
支持断点续传
同一个文件,当上传过程中网络中断,可以从断点处继续上传
实时进度显示
页面实时显示上传文件进度、速度、结果等信息
存储容量显示
可实时显示文件存储占用情况及总存储容量
四、技术选型
网络拓扑图

基于Spring Boot + VUE CLI@3 框架开发的分布式文件系统,一个简单、方便的文件存储方案 支持分片上传 极 ...

基于Spring Boot + VUE CLI@3 框架开发的分布式文件系统,一个简单、方便的文件存储方案 支持分片上传  极 ...

件架构
该项目采用前后端分离的方式进行开发和部署,主要用到以下关键技术
前端:Element UI、Vue CLI@3、Node.js、Webpack
后台:Spring Boot、MyBatis、JPA、JWT
数据库 : MySQL
数据结构:递归算法,树的遍历和插入...



游客,本帖隐藏的内容需要积分高于 2 才可浏览,您当前积分为 0

提取码下载:
文件名称:提取码下载.txt 
下载次数:0  文件大小:13 Bytes  售价:199金钱 [记录]
下载权限: 不限 [购买VIP]   [充值]   [在线充值]   【VIP会员5折;永久VIP免费】
安全检测,请放心下载





相关帖子

扫码关注微信公众号,及时获取最新资源信息!下载附件优惠VIP会员5折;永久VIP免费
您需要登录后才可以回帖 登录 | 立即注册

本版积分规则

免责声明:
1、本站提供的所有资源仅供参考学习使用,版权归原著所有,禁止下载本站资源参与商业和非法行为,请在24小时之内自行删除!
2、本站所有内容均由互联网收集整理、网友上传,并且以计算机技术研究交流为目的,仅供大家参考、学习,请勿任何商业目的与商业用途。
3、若您需要商业运营或用于其他商业活动,请您购买正版授权并合法使用。
4、论坛的所有内容都不保证其准确性,完整性,有效性,由于源码具有复制性,一经售出,概不退换。阅读本站内容因误导等因素而造成的损失本站不承担连带责任。
5、用户使用本网站必须遵守适用的法律法规,对于用户违法使用本站非法运营而引起的一切责任,由用户自行承担
6、本站所有资源来自互联网转载,版权归原著所有,用户访问和使用本站的条件是必须接受本站“免责声明”,如果不遵守,请勿访问或使用本网站
7、本站使用者因为违反本声明的规定而触犯中华人民共和国法律的,一切后果自己负责,本站不承担任何责任。
8、凡以任何方式登陆本网站或直接、间接使用本网站资料者,视为自愿接受本网站声明的约束。
9、本站以《2013 中华人民共和国计算机软件保护条例》第二章 “软件著作权” 第十七条为原则:为了学习和研究软件内含的设计思想和原理,通过安装、显示、传输或者存储软件等方式使用软件的,可以不经软件著作权人许可,不向其支付报酬。若有学员需要商用本站资源,请务必联系版权方购买正版授权!
10、本网站如无意中侵犯了某个企业或个人的知识产权,请来信【站长信箱312337667@qq.com】告之,本站将立即删除。
郑重声明:
本站所有资源仅供用户本地电脑学习源代码的内含设计思想和原理,禁止任何其他用途!
本站所有资源、教程来自互联网转载,仅供学习交流,不得商业运营资源,不确保资源完整性,图片和资源仅供参考,不提供任何技术服务。
本站资源仅供本地编辑研究学习参考,禁止未经资源商正版授权参与任何商业行为,违法行为!如需商业请购买各资源商正版授权
本站仅收集资源,提供用户自学研究使用,本站不存在私自接受协助用户架设游戏或资源,非法运营资源行为。
 
在线客服
点击这里给我发消息 点击这里给我发消息 点击这里给我发消息
售前咨询热线
312337667

微信扫一扫,私享最新原创实用干货

QQ|免责声明|小黑屋|依星资源网 ( 鲁ICP备2021043233号-3 )|网站地图

GMT+8, 2024-9-1 08:14

Powered by Net188.com X3.4

邮箱:312337667@qq.com 客服QQ:312337667(工作时间:9:00~21:00)

快速回复 返回顶部 返回列表