素材巴巴 > 程序开发 >

Edienilno: 在线文件编辑器,来搭建自己的百度网盘吧

程序开发 2023-09-20 11:25:20

Edienilno: 在线文件编辑器,来搭建自己的百度网盘吧

代码:https://github.com/dna2funs/edienilno

为了更方便家里存储开销记账,于是在家庭内网搭建了一个Raspberry PI提供一个类似于百度网盘的服务:可以新建文件夹和文件,可以编辑不同的文件。为了尽可能地减少dependency,开发不使用任何现有UI复杂框架(Angular, React, Vue),连jQuery也省了,全部裸写JavaScript。

开发进程

主要框架

在css上,bootstrap和clarity 2选1然后选了用的人少的Clarity;Bootstrap有点审美疲劳了…
参照Clarity的规范,写了点header和main view;再参照VSCode的界面,手动模仿了一下它的界面结构:header下留一行做菜单用,main view里最左边是icon nav,左边是tab的items,然后右边是编辑器主体。
在这里插入图片描述目前后端的API全部使用websocket通信机制。后端在wsapi里,每一个js文件代表一个API plugin的模块,比如简单的文件读写操作,查看文件夹,上传大文件等。至于前端,不同的编辑器对应了client里,component plugin的不同js文件,然后通过动态加入