网盘项目:小破盘 总结（vue全家桶）

网盘项目:小破盘 总结

1、前言

本网盘项目实现了文件的上传，下载，文件的增删改查，文件夹，拖动，相册，收藏，图片、视频、音频在线预览等功能。这个项目是我和班里的几位同学合作开发的，我负责的是网页端的开发，也就是视频展示的，主要用到的技术栈是vue全家桶。同时这个项目也有移动端，主要的技术栈是uni-app。后端的技术栈是springboot+mybatisplus。

2、项目效果展示

图片展示

视频展示

网盘项目: 小破盘 附线上demo和源码(springboot+mybatisplus+vue全家桶)_哔哩哔哩_bilibili

3、项目的页面路由结构

4、项目的实现思路

1、项目总体的思想思路

a、先确定好页面的总体布局，初始样式等

b、创建好所有页面文件，并通过vue-router 写好各个页面的路由关系

c、逐个实现各个页面的样式和功能

d、通过vuex解决组件和页面之间的通信

5、尚未实现的部分

后面会抽空实现分片上传和断点续传，目前因为项目的后端比较忙，所以先暂时放一放。

6、项目中遇到的困难

1、文件夹的实现

文件夹是后台返回整个目录树，然后由前端判断当前所处的位置，并将该位置发给后台获取当前位置的文件目录的，然后就用到了算法去递归遍历这个目录树，找到当前所处的位置。

…

7、学到的知识

1、学会使用文件的拖拽事件

2、学会了文件的上传和blob下载

…

8、项目中的不足

1、项目的不足就是代码比较乱，因为一开始前后端没有配合好，需求也不明确，导致代码多次修改，最后代码就比较乱，后期维护可能就比较困难，有空我会重新整理一下代码的，通过这次项目我也明白了，做项目首先要明确需求，与后端交流好后再开始写代码！

2、实现的功能暂时比较少，后面会抽空加上分片上传和断点续传。

9、总结

通过这次项目，还是认识到了自己的知识储备不足，很多功能都没有头绪或者根本就没有这方面的思考，后面的路还很长，加油吧！

附

项目源码: https://gitee.com/PengGeee/cloud_space

线上demo: http://www.codeman.ink:2021