跳转到内容

05 · 管理端编辑界面

认证通过后进入 BookmarksAdminApp:顶栏、左侧分区列表、右侧书签网格。

区域能力
顶栏返回导航、主题定制器、保存/放弃、统计摘要
卡片 / 中转站站点 Logo(BookmarkFavicon + Logo.dev)
左侧 Sections分区 CRUD、拖拽排序
右侧 Grid当前分区内书签 CRUD、拖拽排序
Edit 弹窗标题、URL、描述等;描述字段显示剩余字数(站点图标由 URL 推导,见 06 · 书签站点图标

页面内变更先写入内存草稿,不立即落盘。

  • 保存 — 校验通过后写入 db/data/bookmarks.ts(仅本地 dev)。
  • 放弃 / 刷新 — 未持久化的草稿丢弃,恢复至上次保存状态。
  • 分区列表:调整分区顺序。
  • 网格:跨分区或分区内调整卡片顺序。
  • 拖拽与「编辑模式」开关联动;关闭编辑模式可降低误操作。
/bookmarks/nav//bookmarks/admin/
模式只读浏览、搜索数据编辑
数据源构建期 JSON + DB草稿 + Dev 持久化 API
  • 页面根:src/bookmarks/admin/BookmarksAdmin.tsxBookmarksAdminApp.tsx
  • UI:admin/components/{editor,gate,dialogs,grid,sections,chrome,stats,transfer}/

结构说明见 src/bookmarks/README.md