首頁  >  文章  >  資料庫  >  如何使用遞歸函數從分層 MySQL 資料庫表產生多層 HTML 選單樹?

如何使用遞歸函數從分層 MySQL 資料庫表產生多層 HTML 選單樹?

Mary-Kate Olsen
Mary-Kate Olsen原創
2024-10-29 06:48:31530瀏覽

How can a recursive function be used to generate a multi-level HTML menu tree from a hierarchical MySQL database table?

使用遞歸函數回顯選單樹

問題:
為特定資料結構建構子是一個共同的挑戰。這是需要遞歸函數來顯示分層選單的情況。

情況:
給定一個 MySQL 資料庫表,其中根列指示每筆記錄的父類別,建立具有多個層級的 HTML 選單樹。所需的HTML 結構為:

<code class="html"><li><a href="#"><p class="Tier0">Datori</p></a>
    <ul style="display: block">
        <li><a href="#"><p class="Tier1">Cookies</p></a></li>
        <li><a href="#"><p class="Tier1">Events</p></a></li>
        <li><a href="#"><p class="Tier1">Forms</p></a></li>
        <li><a href="#"><p class="Tier1">Games</p></a></li>
        <li><a href="#"><p class="Tier1">Images</p></a>
            <ul>
                <li><a href="#"><p class="Tier2">CSS</p></a></li>
                <li><a href="#"><p class="Tier2">JavaScript</p></a></li>
                <li><a href="#"><p class="Tier2">JQuery</p></a></li>
            </ul>
        </li>
        <li><a href="#"><p class="Tier1">Navigations</p></a>
            <ul>
                <li><a href="#"><p class="Tier2">CSS</p></a></li>
                <li><a href="#"><p class="Tier2">JavaScript</p></a></li>
                <li><a href="#"><p class="Tier2">JQuery</p></a></li>
            </ul>
        </li>
        <li><a href="#"><p class="Tier1">Tabs</p></a></li>
    </ul>
</li>
<li><a href="#"><p class="Tier0">Washing Machines</p></a></li></code>

函數:
產生HTML 樹結構的遞歸函數如下:

<code class="php">function recurse($categories, $parent = null, $level = 0)
{
    $ret = '<ul>';
    foreach($categories as $index => $category)
    {
        if($category['root'] == $parent)
        {
            $ret .= '<li><a href="#"><p class="Tier' . $level . '">' . $category['name'] . '</p></a>';
            $ret .= $this->recurse($categories, $category['id'], $level+1);
            $ret .= '</li>';
        }
    }
    return $ret . '</ul>';
}</code>

執行:

<code class="php">// Fetch categories from the database
$categories = { get from database into a multi-dimensional array };

// Generate HTML tree
$Tree = $this->recurse($categories);

// Output the result
echo $Tree;</code>

最佳化:
防止空巢狀

    對於沒有子類別的父類別元素,修改函數如下:
<code class="php">function recurse($categories, $parent = null, $level = 0)
{
    $ret = '<ul>';
    foreach($categories as $index => $category)
    {
        if($category['root'] == $parent)
        {
            $ret .= '<li><a href="#"><p class="Tier' . $level . '">' . $category['name'] . '</p></a>';
            $sub = $this->recurse($categories, $category['id'], $level+1);
            if($sub != '<ul></ul>')
                $ret .= $sub;
            $ret .= '</li>';
        }
    }
    return $ret . '</ul>';
}</code>

為了獲得最佳效能,可以考慮在資料庫表中新增一個ChildCount 資料列,表示每個父類別的子類別數量,並修改相應地發揮作用。這避免了遞歸期間不必要的資料庫查找。

以上是如何使用遞歸函數從分層 MySQL 資料庫表產生多層 HTML 選單樹?的詳細內容。更多資訊請關注PHP中文網其他相關文章!

陳述:
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn