???? 局域網(wǎng)文件夾托管

一、項(xiàng)目介紹

通過(guò)瀏覽器頁(yè)面來(lái)共享本地文件夾，對(duì)其進(jìn)行網(wǎng)盤(pán)式的在線管理。

支持列表與網(wǎng)格兩種查看模式

?? 支持的操作：

• 支持暗黑模式
• 按照名稱(chēng)、文件大小、修改日期排序
• 新建文件夾
• 刷新
• 文件的下載、復(fù)制、移動(dòng)、刪除與重命名
• 針對(duì)大量文件渲染場(chǎng)景的虛擬列表
• 文件與文件夾的上傳，支持大文件分片、斷點(diǎn)續(xù)傳，上傳的暫停與取消
• 提供圖片、txt、pdf、markdown 及音視頻等多種格式的在線文件預(yù)覽
• ……

二、技術(shù)棧

前端：Vue3 + TS + Element-plus

后端：koa2

三、項(xiàng)目運(yùn)行 ??

1. 源代碼運(yùn)行 ??

運(yùn)行前請(qǐng)先安裝nodejs

clone項(xiàng)目到本地

git clone https://github.com/dcbestwords/Local-cloudPan.git

前端運(yùn)行

cd admin
npm i
npm run dev

后端運(yùn)行

可以通過(guò)server/config.js配置后臺(tái)服務(wù)的端口及代理的文件夾

cd server
npm i
npm start

為了確保運(yùn)行正確，請(qǐng)先運(yùn)行后端服務(wù)。再運(yùn)行前端，之后訪問(wèn) http://localhost:8888

2. 桌面端程序運(yùn)行 ???

1. 通過(guò)本頁(yè)面releases選項(xiàng)卡下載桌面端程序安裝運(yùn)行。
2. 設(shè)置服務(wù)配置和參數(shù)，保存配置，開(kāi)啟服務(wù)。
3. 復(fù)制托管網(wǎng)址，在瀏覽器中打開(kāi)進(jìn)行管理。

四、UI 演示

主界面

兩種查看模式

右鍵菜單

復(fù)制與移動(dòng)界面

傳輸列表

桌面端啟動(dòng)器