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. 项目没有办法打开文件夹中的文件

测试

1. 为当前目录创建文件夹 √
2. 下载文件 √
3. 删除当前文件功能 √
4. 复制下载链接功能 √
5. 搜索文件功能 √
6. 删除当前打开文件夹功能 √
7. 拖拽文件上传 √ // 感觉拖拽的目标有点问题，而且不知道根本找不到入口 √
8. 删除选中文件 √

尝试添加功能

1. 可以一直访问到最底层的文件夹

bug

1. 文件名过长导致，表中数据乱了 √
2. 复制下载链接错误 √
3. 删除不了文件 √
4. 搜索文件功能 报错：TypeError: Cannot read properties of undefined (reading 'folderName') // 当搜索文件时，直接改变总文件的值，和 Drag 所需要的 文件起冲突了，做一个容错处理 √
5. 搜索功能会 和 当前打开文件起冲突，搜索功能是使用onInput事件，动态查询当前的文件目录，左侧表单是根据
6. 搜索功能过滤不到中文, 因为 onInput, 每次输入都会调用 搜索方法 √
7. 在点击侧边栏时，如果没有请求到当前文件夹内文件数量的数据，右侧数据会 对上次的的文件有一个缓存，导致数据乱了。
8. 截取文件字段，会乱。√
9. 统一显示文件夹ToolTip √