利用php递归函数实现菜单嵌套_基于php递归函数构建动态菜单

23次阅读

使用递归函数可将数据库中的父子结构菜单转化为HTML嵌套列表。1. 创建包含id、name、url、parent_id、sort_order字段的menus表，parent_id指向父级，顶级为0；2. 插入示例数据构建层级关系；3. 通过buildMenuTree函数递归组织数据为树形结构；4. 利用renderMenu函数递归生成ul/li HTML输出；5. 可扩展样式、权限控制、缓存等优化。该方法适用于无限级导航菜单的动态渲染。

在构建动态菜单时，尤其是多级嵌套的导航菜单（如后台管理系统、网站栏目等），数据往往以父子关系存储。使用 PHP 递归函数可以轻松将这种结构转化为 HTML 嵌套列表。下面介绍如何基于数据库结构和递归逻辑实现一个可扩展的动态菜单系统。

准备数据库结构

为了支持无限层级的菜单，数据库表需要包含自引用字段。例如创建一个 menus 表：

CREATE TABLE menus (     id INT PRIMARY KEY AUTO_INCREMENT,     name VARCHAR(100) NOT NULL,     url VARCHAR(255),     parent_id INT DEFAULT 0,     sort_order INT DEFAULT 0 );

其中 parent_id 指向父级菜单的 id，顶级菜单的 parent_id 为 0。

示例数据：

立即学习“PHP免费学习笔记（深入）”；

INSERT INTO menus (id, name, url, parent_id, sort_order) VALUES (1, '首页', '/', 0, 1), (2, '产品中心', '/products', 0, 2), (3, '家用电器', '/products/appliances', 2, 1), (4, '手机数码', '/products/digital', 2, 2), (5, '关于我们', '/about', 0, 3), (6, '公司简介', '/about#intro', 5, 1), (7, '联系我们', '/about#contact', 5, 2);

获取菜单数据并组织成树形结构

先从数据库中读取所有菜单项，然后通过递归函数将其构造成嵌套数组。

function buildMenuTree($data, $parentId = 0) {     $tree = [];     foreach ($data as $item) {         if ($item['parent_id'] == $parentId) {             $children = buildMenuTree($data, $item['id']);             if (!empty($children)) {                 $item['children'] = $children;             }             $tree[] = $item;         }     }     return $tree; }

调用方式：

即构数智人

即构数智人是由即构科技推出的AI虚拟数字人视频创作平台，支持数字人形象定制、短视频创作、数字人直播等。

36

查看详情

// 假设已连接数据库 $stmt = $pdo->query("SELECT * FROM menus ORDER BY parent_id, sort_order"); $menuItems = $stmt->fetchAll(PDO::FETCH_ASSOC); <p>$menuTree = buildMenuTree($menuItems);</p>

递归输出HTML菜单

有了树形结构后，使用另一个递归函数生成 HTML 的 ul/li 结构。

function renderMenu($menuTree) {     if (empty($menuTree)) return ''; <pre class='brush:php;toolbar:false;'>$html = '<ul>'; foreach ($menuTree as $item) {     $html .= '<li><a href="' . htmlspecialchars($item['url']) . '">'               . htmlspecialchars($item['name']) . '</a>';      if (isset($item['children']) && is_array($item['children'])) {         $html .= renderMenu($item['children']); // 递归调用     }      $html .= '</li>'; } $html .= '</ul>';  return $html;

}

// 输出菜单 echo renderMenu($menuTree);