網(wǎng)盤項(xiàng)目:小破盤 總結(jié)
1、前言
本網(wǎng)盤項(xiàng)目實(shí)現(xiàn)了文件的上傳，下載，文件的增刪改查，文件夾，拖動(dòng)，相冊(cè)，收藏，圖片、視頻、音頻在線預(yù)覽等功能。這個(gè)項(xiàng)目是我和班里的幾位同學(xué)合作開發(fā)的，我負(fù)責(zé)的是網(wǎng)頁端的開發(fā)，也就是視頻展示的，主要用到的技術(shù)棧是vue全家桶。同時(shí)這個(gè)項(xiàng)目也有移動(dòng)端，主要的技術(shù)棧是uni-app。后端的技術(shù)棧是springboot+mybatisplus。
2、項(xiàng)目效果展示
圖片展示
視頻展示
網(wǎng)盤項(xiàng)目: 小破盤 附線上demo和源碼(springboot+mybatisplus+vue全家桶)_嗶哩嗶哩_bilibili
3、項(xiàng)目的頁面路由結(jié)構(gòu)
4、項(xiàng)目的實(shí)現(xiàn)思路
1、項(xiàng)目總體的思想思路
a、先確定好頁面的總體布局，初始樣式等
b、創(chuàng)建好所有頁面文件，并通過vue-router 寫好各個(gè)頁面的路由關(guān)系
c、逐個(gè)實(shí)現(xiàn)各個(gè)頁面的樣式和功能
d、通過vuex解決組件和頁面之間的通信
5、尚未實(shí)現(xiàn)的部分
后面會(huì)抽空實(shí)現(xiàn)分片上傳和斷點(diǎn)續(xù)傳，目前因?yàn)轫?xiàng)目的后端比較忙，所以先暫時(shí)放一放。
6、項(xiàng)目中遇到的困難
1、文件夾的實(shí)現(xiàn)
文件夾是后臺(tái)返回整個(gè)目錄樹，然后由前端判斷當(dāng)前所處的位置，并將該位置發(fā)給后臺(tái)獲取當(dāng)前位置的文件目錄的，然后就用到了算法去遞歸遍歷這個(gè)目錄樹，找到當(dāng)前所處的位置。
...
7、學(xué)到的知識(shí)
1、學(xué)會(huì)使用文件的拖拽事件
2、學(xué)會(huì)了文件的上傳和blob下載
...
8、項(xiàng)目中的不足
1、項(xiàng)目的不足就是代碼比較亂，因?yàn)橐婚_始前后端沒有配合好，需求也不明確，導(dǎo)致代碼多次修改，最后代碼就比較亂，后期維護(hù)可能就比較困難，有空我會(huì)重新整理一下代碼的，通過這次項(xiàng)目我也明白了，做項(xiàng)目首先要明確需求，與后端交流好后再開始寫代碼！
2、實(shí)現(xiàn)的功能暫時(shí)比較少，后面會(huì)抽空加上分片上傳和斷點(diǎn)續(xù)傳。
9、總結(jié)
通過這次項(xiàng)目，還是認(rèn)識(shí)到了自己的知識(shí)儲(chǔ)備不足，很多功能都沒有頭緒或者根本就沒有這方面的思考，后面的路還很長，加油吧！
附
項(xiàng)目源碼: https://gitee.com/PengGeee/cloud_space
線上demo: http://www.codeman.ink:2021
