通过查询数据库来实现树状结构图

要实现树状结构图，需要先设计数据库表结构。通常情况下，树状结构可以使用父子关系来表示。例如，可以设计一个表，包含以下字段：

- id：节点的唯一标识符
- parent_id：父节点的标识符，根节点的parent_id为NULL
- name：节点的名称

接下来，可以使用查询语句来获取树状结构数据。例如，以下查询语句可以获取根节点及其子节点的数据：

SELECT 
    a.id AS id,
    a.name AS name,
    b.id AS parent_id,
    b.name AS parent_name
FROM 
    tree a
LEFT JOIN 
    tree b ON a.parent_id = b.id
WHERE 
    b.id IS NULL

这个查询语句使用了LEFT JOIN来获取根节点及其子节点的数据。LEFT JOIN会将tree表自身连接一次，将a表与b表连接，a表表示子节点，b表表示父节点。我们通过WHERE b.id IS NULL来判断当前节点是否为根节点，如果是根节点，则它的parent_id为NULL，b.id就为NULL。

接下来，我们可以使用递归查询来获取所有子节点的数据。例如，以下查询语句可以获取指定节点及其所有子节点的数据：

WITH RECURSIVE 
    tree_path (id, name, parent_id, parent_name, level, path) AS (
        SELECT 
            a.id AS id,
            a.name AS name,
            b.id AS parent_id,
            b.name AS parent_name,
            1 AS level,
            a.id AS path
        FROM 
            tree a
        LEFT JOIN 
            tree b ON a.parent_id = b.id
        WHERE 
            a.id = :node_id
        UNION ALL
        SELECT 
            a.id AS id,
            a.name AS name,
            b.id AS parent_id,
            b.name AS parent_name,
            tp.level + 1 AS level,
            tp.path || ',' || a.id AS path
        FROM 
            tree a
        JOIN 
            tree_path tp ON a.parent_id = tp.id
        JOIN 
            tree b ON a.parent_id = b.id
    )
SELECT 
    id, name, parent_id, parent_name, level, path
FROM 
    tree_path
ORDER BY 
    path

这个查询语句使用了WITH RECURSIVE来递归查询所有子节点的数据。我们首先通过WHERE a.id = :node_id来获取指定节点的数据，然后使用UNION ALL和JOIN来递归查询所有子节点的数据。在每个递归查询中，我们都将当前节点的id添加到path字段中，以便最终可以通过path字段来获取节点的层级关系。最后，我们使用ORDER BY path来按照层级关系排序查询结果。

通过以上两个查询语句，我们可以获取树状结构数据，并将其展示为树状图。具体的展示方式可以使用前端框架或者JavaScript库来实现。