1.0.15 • Published 2 years ago
@gswl/gsfserver v1.0.15
gsfserver
1、打包命令 命令行执行npm run dev
2、安装与使用 全局安装 执行 cnpm install gsfserver -g
启动服务器 执行 gsfserver -p 端口号 -d 需要操作的目录
操作历史
** 启动后台服务 node ./dist/src/bin.js | 启动前台服务: npm start **
1. FileListItem,现在不用了。
2. 之前是使用假数据模拟,真实的功能的还没有理清楚,不确定是否是因为没有上传的原因
3. 这个项目应该有一个配套的后台,但是使用本地的方式 感觉后台并没有启动成功
4. 整体思路:
前端直接依靠 fetchAPI 请求后台接口,拿到数据直接展示,结构太混乱了,其它组件方法全是从 App 里面调用。
后台使用了,express 搭建接口结构,接口调用 node fs模块API 对本地文件进行增删改查
5. 打包工具:
使用webpack对项目进行打包,把 jsx 文件打包成了虚拟dom,less 文件全部打包成了行内样式, index.js 文件
6. npm包
walk(遍历目录结构)
recursive-copy(文件复制工具)
log4js(日志)
7. 感觉没有实现动态更新,测试是热编译。
8. 项目没有办法打开文件夹中的文件
测试
- 为当前目录创建文件夹 √
- 下载文件 √
- 删除当前文件功能 √
- 复制下载链接功能 √
- 搜索文件功能 √
- 删除当前打开文件夹功能 √
- 拖拽文件上传 √ // 感觉拖拽的目标有点问题,而且不知道根本找不到入口 √
- 删除选中文件 √
尝试添加功能
- 可以一直访问到最底层的文件夹
bug
- 文件名过长导致,表中数据乱了 √
- 复制下载链接错误 √
- 删除不了文件 √
- 搜索文件功能 报错:TypeError: Cannot read properties of undefined (reading 'folderName') // 当搜索文件时,直接改变总文件的值,和 Drag 所需要的 文件起冲突了,做一个容错处理 √
- 搜索功能会 和 当前打开文件起冲突,搜索功能是使用onInput事件,动态查询当前的文件目录,左侧表单是根据
- 搜索功能过滤不到中文, 因为 onInput, 每次输入都会调用 搜索方法 √
- 在点击侧边栏时,如果没有请求到当前文件夹内文件数量的数据,右侧数据会 对上次的的文件有一个缓存,导致数据乱了。
- 截取文件字段,会乱。√
统一显示文件夹ToolTip √