目录树节点支持右键菜单
广告
{{v.name}}
📋 原始需求(task.md):

picture_admin.html的左侧目录树的目录节点要支持右键菜单,菜单项要支持拖动、新建文件夹、重命名和删除操作。拖动一个节点代表将节点移动到另一个节点下。重命名操作需要直接把节点的名称变成输入框让用户修改名称,不弹出单独的模态框。删除操作需要弹出确认对话框,而且需要级联删除子目录和其中的文件。

问题分析

图片管理页目录树只有单击展开,缺少文件夹的业务数据与接口,无法新建空目录、重命名、移动和级联删除。仅靠 Picture.folder 路径字符串无法持久化空文件夹,也无法安全地批量改路径。


解决方案

1. 后端新增 folders 表及接口:创建文件夹、重命名、移动节点(/api/nodes/move)、级联删除文件夹(含子目录与文件)。 2. 树接口合并 folders 与 pictures,支持空目录显示。 3. 前端目录节点支持右键菜单(新建/重命名/删除)、节点拖拽到目标文件夹、重命名时节点名变为行内输入框(无模态框),删除前 confirm 并级联删除。

友链