有沒有比較接近 file system 的介面實作呢?


#1

最近再做文件控管

可惜設計的人 花很多心力

但是使用的人總是覺得複雜

這個要如何使用 那個要怎操作

使用門檻對不懂電腦的人 真的是一大考驗

如果將東西做得像google drive 的操控方式 可能會好一點

例如說這一種類型

http://html5-demos.appspot.com/static/filesystem/filer.js/demos/index.html

(右上角 可以新增資料夾 新增檔案)

直覺化的操作模式

有沒有建議實作工具 或是模組配合呢?


#2

先說結論:自幹 … (圖太大張了自己開出來看啊…)

這是我 2008 年的 case 了,這個 case 甚至還有支援多帳號分享共用儲存池,當年沒有 HTML 5 可以用,多重多筆上傳還要用 Flash 來當 adapter,而這邊的 gem 也只有用 paperclip 唄,配 jQuery UI 做浮動邊框,開發人數:1 人,這模組應該一週內就結束的樣子,包括選擇封面選擇檔案,甚是書頁的管理記得都用這個模組哩

首先你要分析檔案結構,其實就是 tree,而能有子代 node 的只有資料夾,所以拿 acts_as_nested_set + single table inheritance (STI) 就可以解決需要樹狀 + 檔案與資料夾分離,但卻又要併排分頁的問題

檔案或資料夾的 parent_idnil 時則代表在根目錄裡

再來 STI 切成不同的 model 就可以支援不同檔案類型的上傳且獨立哩,之後就都是基本功了,類似流程控制和 JavaScript + iframe 的彼此操作之類的 … 而這年頭要再幹這個的話,我應該會用 Ajax + Vue 寫過唄,不然內頁還是會 reload 就是


#3

ok

我原本是想 最一般的模式 就是 bootstrap 然後 button 就是換成 資料夾圖案 然後按鈕夾帶KEY點進去就很oK了

然後js 局部刷新 我預估就能達到那種感覺

看起來還是別亂用一些不明的黑科技

STI 我在TRY看看

這個我有看到 可是不確定 沒去試過

感謝JC大:grimacing: