网盘项目:小破盘 总结
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