IndexedDB适合存储树形结构数据，应采用扁平化节点设计并建立parentId索引，通过事务操作实现高效增删改查，加载时一次性读取全部节点并在内存中构建层级关系。
IndexedDB 适合存储结构化、关系型的离线数据，树形组织架构（如部门-子部门-员工）完全可以用它来高效管理，关键在于合理设计对象仓库（object store）和索引，避免递归嵌套导致查询困难或更新低效。
设计合理的数据模型：扁平化 + 父子引用
不要把整棵树存成一个深度嵌套的 JSON 对象——那样无法利用 IndexedDB 的索引能力，增删改查都困难。推荐采用“扁平节点 + 显式 parent ID”的方式，每个节点独立存储：
- 每个节点包含唯一 id、name、parentId（可为 null 表示根节点）、type（如 "dept" 或 "employee"）、sortOrder 等字段
- 用 parentId 建立父子关系，而非嵌套 children 数组
- 为 parentId 字段创建 index，支持快速查某节点的所有子节点
创建数据库与对象仓库
初始化时定义好版本、仓库和索引：
const DB_NAME = 'OrgDB';
const DB_VERSION = 1;
const openDB = () => {
return new Promise((resolve, reject) => {
const req = indexedDB.open(DB_NAME, DB_VERSION);
req.onupgradeneeded = (event) => {
const db = event.target.result;
// 创建 nodes 仓库，主键为 id
const store = db.createObjectStore('nodes', { keyPath: 'id' });
// 为 parentId 创建索引，支持按父节点查询子节点
store.createIndex('byParent', 'parentId', { unique: false });
// 可选：为 name 或 type 加索引，方便搜索
store.createIndex('byName', 'name', { unique: false });
};
req.onsuccess = () => resolve(req.result);
req.onerror = () => reject(req.error);
});
};
常用操作：增删改查树节点
所有操作需在事务中进行，注意返回 Promise 封装便于链式调用：
立即学习“Java免费学习笔记（深入）”；
- 插入节点：直接 add()，确保 id 唯一、parentId 存在或为 null
- 查某节点的所有子节点：用 index.get() 或 openCursor() 遍历 byParent 索引
- 查整棵树（根节点开始）：先查 parentId 为 null 的根节点，再递归或批量查其子节点（建议用一次 getAll() + 内存构建树，而非多次异步查询）
- 移动节点（改父级）：只需更新该节点的 parentId 字段，无需重排整个树
- 删除节点（含子树）：先递归查出所有后代（用 byParent 索引多层查询），再批量 delete；或加 softDelete 字段做逻辑删除
加载整棵树到内存并构建结构
离线场景下通常需要一次性渲染树视图，推荐一次性读取全部节点，再用 JS 构建层级结构：
const loadTree = async () => {
const db = await openDB();
const tx = db.transaction('nodes', 'readonly');
const store = tx.objectStore('nodes');
const allNodes = await new Promise(resolve => {
const req = store.getAll();
req.onsuccess = () => resolve(req.result);
});
// 转为 map 方便查找
const nodeMap = new Map(allNodes.map(n => [n.id, { ...n, children: [] }]));
// 按 parentId 关联子节点
const roots = [];
for (const node of allNodes) {
if (node.parentId === null || node.parentId === undefined) {
roots.push(nodeMap.get(node.id));
} else {
const parent = nodeMap.get(node.parentId);
if (parent) parent.children.push(nodeMap.get(node.id));
}
}
return roots; // 返回根节点数组，每个节点 children 已填充
};
不复杂但容易忽略：记得处理事务失败、版本升级兼容、以及大量节点时的分页或懒加载策略。树形数据离线可用性高，关键是用好索引和扁平结构。
