05 · 管理端编辑界面
认证通过后进入 BookmarksAdminApp:顶栏、左侧分区列表、右侧书签网格。
| 区域 | 能力 |
|---|---|
| 顶栏 | 返回导航、主题定制器、保存/放弃、统计摘要 |
| 卡片 / 中转站 | 站点 Logo(BookmarkFavicon + Logo.dev) |
| 左侧 Sections | 分区 CRUD、拖拽排序 |
| 右侧 Grid | 当前分区内书签 CRUD、拖拽排序 |
| Edit 弹窗 | 标题、URL、描述等;描述字段显示剩余字数(站点图标由 URL 推导,见 06 · 书签站点图标) |
页面内变更先写入内存草稿,不立即落盘。
- 保存 — 校验通过后写入
db/data/bookmarks.ts(仅本地 dev)。 - 放弃 / 刷新 — 未持久化的草稿丢弃,恢复至上次保存状态。
- 分区列表:调整分区顺序。
- 网格:跨分区或分区内调整卡片顺序。
- 拖拽与「编辑模式」开关联动;关闭编辑模式可降低误操作。
与导航页对比
Section titled “与导航页对比”/bookmarks/nav/ | /bookmarks/admin/ | |
|---|---|---|
| 模式 | 只读浏览、搜索 | 数据编辑 |
| 数据源 | 构建期 JSON + DB | 草稿 + Dev 持久化 API |
- 页面根:
src/bookmarks/admin/BookmarksAdmin.tsx、BookmarksAdminApp.tsx - UI:
admin/components/{editor,gate,dialogs,grid,sections,chrome,stats,transfer}/
结构说明见 src/bookmarks/README.md。