PHP - 从 php 数组构建多级 HTML 菜单,根据值名称组合相似的值

PHP - Build multiple-level HTML menu from php array combining like values based on value name

我在 SO 上搜索了一下,没能找到这个独特的用例,但也许我不知道如何表达它。我希望使用 PHP 数组(参见下面的格式)来构建一个动态 HTML 菜单,当存在匹配项时将相同的字符串值复制到子菜单中。

这可能太复杂了,但我想知道是否可行,以及是否有人有代码示例。 我不介意更改 'verse' 数组值结构以使其更可变 并让它工作(也许将其转换为数组,因为有 1:many 潜力其中的值。)

我无法将下面的 HTML 格式设置得非常适合 SO,但请求的要点是所有具有匹配 book/chapter 字符串的文章都将放在一起并嵌套。如果诗篇 121 有 2 个条目(在下面的数组中),那么它们应该嵌套在同一个子菜单中。

所需的结束结构(请注意,因为 2 个字符串与诗篇第 121 章匹配,所以它们组合在一起:

Hebrews
    Chapter 12
        Verse 26-28
    Chapter 9
        Verse 23-24

Psalms
    Chapter 121
         Verse 3-4
         Verse 7-10
    Chapter 16
         Verse 11

Exodus
    Chapter 33
         Verse 14

预先感谢您的帮助!

PHP数组:

<?php

$articles = array(

array(
    'contentid' => '109',
    'full' => 'Song by Artist (Ref 109)',
    'verse' => 'Hebrews 12:26-28'),

array(
    'contentid' => '110',
    'full' => 'Song by Artist (Ref 110)',
    'verse' => 'Psalms 121:3-4'),

array(
    'contentid' => '111',
    'full' => 'Song by Artist (Ref 111)',
    'verse' => 'Hebrews 9:23-24'),

array(
    'contentid' => '112',
    'full' => 'Song by Artist (Ref 112)',
    'verse' => 'Psalms 16:11; Exodus 33:14; Psalms 121:7-10'));

?>

我想绘制一个 HTML 菜单,如下所示:

<!-- Hebrews -->
                    <div class="submenu">
                        <a href="#">**Hebrews**</a>
                        <!-- Level 2 menu -->
                        <div>
                            <div>


                                <div class="submenu">
                                    <a href="#">Chapter *12*</a>
                                    <!-- Level 3 menu -->
                                    <div>
                                        <div>
                                            <a href="#"><span>Song by Artist (Ref 109)</span>Verse *26-28*</a>
                                    </div>
                                    </div>
                                </div>

                                <div class="submenu">
                                    <a href="#">Chapter *9*</a>
                                    <!-- Level 3 menu -->
                                    <div>
                                        <div>
                                            <a href="#"><span>Song by Artist (Ref 111)</span>Verse *23-24*</a>
                                        </div>
                                    </div>
                                </div>

<!-- Psalms -->

                    <div class="submenu">
                        <a href="#">**Psalms**</a>
                        <!-- Level 2 menu -->
                        <div>
                            <div>

                                <div class="submenu">
                                    <a href="#">Chapter *121*</a>
                                    <!-- Level 3 menu -->
                                    <div>
                                        <div>
                                            <a href="#"><span>Song by Artist (Ref 110)</span>Verse *3-4*</a>
                                            <a href="#"><span>Song by Artist (Ref 112)</span>Verse *7-10*</a>                                       </div>
                                    </div>
                                </div>
第*9章* 艺术家的歌曲 (Ref 111)Verse *23-24*
$articles = array
(
    array
    (
        'contentid' => '109',
        'full' => 'Song by Artist (Ref 109)',
        'verse' => 'Hebrews 12:26-28'
    ),

    array
    (
        'contentid' => '110',
        'full' => 'Song by Artist (Ref 110)',
        'verse' => 'Psalms 121:3-4'
    ),

    array
    (
        'contentid' => '111',
        'full' => 'Song by Artist (Ref 111)',
        'verse' => 'Hebrews 9:23-24; Psalms 121:3-4'
    ),

    array
    (
        'contentid' => '112',
        'full' => 'Song by Artist (Ref 112)',
        'verse' => 'Psalms 16:11; Exodus 33:14; Psalms 121:7-10; Psalms 121:3-4'
    )
);



$langs = array();

foreach($articles as $article)
{
    foreach(explode("; ", $article["verse"]) as $verseData)
    {
        $verse = explode(" ", $verseData);
        $lang = $verse[0];
        $fullVerse = $verse[1];
        $verse = explode(":", $verse[1]);
        $chapter = $verse[0];

        if(empty($langs[$lang]))
            $langs[$lang] = array();

        if(empty($langs[$lang][$fullVerse]))
            $langs[$lang][$fullVerse] = array();

        $langs[$lang][$fullVerse][] = array
        (
            "full" => $article["full"]
        );
    }
}

foreach($langs as $lang => $data)
{
    generateHtml($lang, $data);
}

function generateHtml($lang, $data)
{
    echo "<!-- ". $lang ." -->\n";
    echo "<div class=\"submenu\">\n";
    echo "<a href=\"#\">**". $lang ."**</a>\n";
    echo "<!-- Level 2 menu -->\n";
    echo "<div>\n";
    echo "<div>\n";

    foreach($data as $fullVerse => $verses)
    {
        $verse = explode(":", $fullVerse);
        $chapter = $verse[0];
        $verse = $verse[1];

        echo "<div class=\"submenu\">\n";
        echo "<a href=\"#\">Chapter *". $chapter ."*</a>\n";
        echo "<!-- Level 3 menu -->\n";
        echo "<div>\n";
        echo "<div>\n";

        foreach($verses as $verseIndex => $value)
        {
            if(count($verses) > 1)
                $value["full"] .= " (". ($verseIndex + 1) .")";

            echo "<a href=\"#\"><span>". $value["full"] ."</span>Verse *". $verse ."*</a>\n";
        }

        echo "</div>\n";
        echo "</div>\n";
    }

    echo "</div>\n";
    echo "</div>\n";
    echo "</div>\n";
}

您可以使用 \t 来添加选项卡 space。 我的建议是如果你已经像这样生成它。通过删除所有 \n.

使其成为一行