網(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)頁(yè)端的開發(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)目的頁(yè)面路由結(jié)構(gòu)
4、項(xiàng)目的實(shí)現(xiàn)思路
1礁鲁、項(xiàng)目總體的思想思路
a蚁廓、先確定好頁(yè)面的總體布局谬俄，初始樣式等
b杂曲、創(chuàng)建好所有頁(yè)面文件昼钻，并通過(guò)vue-router 寫好各個(gè)頁(yè)面的路由關(guān)系
c、逐個(gè)實(shí)現(xiàn)各個(gè)頁(yè)面的樣式和功能
d析二、通過(guò)vuex解決組件和頁(yè)面之間的通信
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)橐婚_始前后端沒(méi)有配合好王浴，需求也不明確脆炎，導(dǎo)致代碼多次修改，最后代碼就比較亂氓辣，后期維護(hù)可能就比較困難秒裕，有空我會(huì)重新整理一下代碼的，通過(guò)這次項(xiàng)目我也明白了钞啸，做項(xiàng)目首先要明確需求几蜻，與后端交流好后再開始寫代碼！
2体斩、實(shí)現(xiàn)的功能暫時(shí)比較少梭稚，后面會(huì)抽空加上分片上傳和斷點(diǎn)續(xù)傳。
9絮吵、總結(jié)
通過(guò)這次項(xiàng)目弧烤，還是認(rèn)識(shí)到了自己的知識(shí)儲(chǔ)備不足，很多功能都沒(méi)有頭緒或者根本就沒(méi)有這方面的思考源武，后面的路還很長(zhǎng)扼褪，加油吧！
附
項(xiàng)目源碼: https://gitee.com/PengGeee/cloud_space
線上demo: http://www.codeman.ink:2021
