sql怎么查询单表三级分类数据并封装成antdv的树结构数据

你可以使用递归查询来实现单表三级分类数据的查询，并将结果封装成 Ant Design Vue（antdv）的树结构数据。以下是一个示例的 SQL 查询语句和封装代码：

1. SQL 查询语句：

WITH RECURSIVE cte AS (
  SELECT id, name, parent_id, 0 AS level
  FROM your_table
  WHERE parent_id IS NULL -- 根节点条件
  UNION ALL
  SELECT t.id, t.name, t.parent_id, cte.level + 1
  FROM your_table t
  INNER JOIN cte ON t.parent_id = cte.id
)
SELECT id, name, parent_id, level
FROM cte
ORDER BY level, id;

将 `your_table` 替换为你的表名，确保表中有 `id`、`name`、`parent_id` 字段表示分类的唯一标识、名称和父级ID。

2. 封装成 antdv 树结构数据：

// 假设你已经获取到了查询结果 rows，每个 row 包含 id、name、parent_id 和 level 字段
function formatTreeData(rows) {
  const treeData = [];
  const map = {};

  rows.forEach(row => {
    const { id, name, parent_id } = row;
    map[id] = { id, name, parent_id, children: [] };

    const parent = map[parent_id];
    if (parent) {
      parent.children.push(map[id]);
    } else {
      treeData.push(map[id]);
    }
  });

  return treeData;
}

const rows = [
  { id: 1, name: '分类1', parent_id: null, level: 0 },
  { id: 2, name: '分类2', parent_id: 1, level: 1 },
  { id: 3, name: '分类3', parent_id: 2, level: 2 },
  // 其他分类数据...
];
const treeData = formatTreeData(rows);
console.log(treeData);

这样你就可以将查询结果封装成 antdv 的树结构数据，方便在前端进行展示和使用。注意，这里的示例代码仅供参考，具体实现可能需要根据你的实际情况进行调整。