网盘项目:小破盘 总结(vue全家桶)

网盘项目:小破盘 总结

1、前言

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

2、项目效果展示

图片展示

files页面
albums页面
collections页面
login页面

视频展示

网盘项目: 小破盘 附线上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

©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容