PHP - 从基于值名称组合类似值的 php 数组构建多级 HTML 菜单

标签 php html arrays menu nested

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

这可能太复杂了,但我想知道是否可行,以及是否有人有代码示例。 我不介意更改“verse”数组值结构以使其更加可变并使其正常工作(可能将其转换为数组,因为其中有 1:many 潜在值。) p>

我无法让下面的 HTML 格式非常适合 SO,但请求的要点是所有具有匹配书籍/章节字符串的文章都将放在一起并嵌套。如果诗篇 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 添加制表符空间。 我的建议是如果你已经像这样生成它。通过删除所有 \n 使其成为一行。

关于PHP - 从基于值名称组合类似值的 php 数组构建多级 HTML 菜单,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/30144028/

相关文章:

php - 如何将文本 append 到特定的 php 数组值

javascript - 更改输入类型在 IE 中不起作用

javascript - 使用 JavaScript 动态添加列表项和链接

html - 如何在 Perl 中将 HTML 转换为 RTF?

java - 在Java中,如何使用循环实例化新对象,将它们存储在数组中,然后使用它们?

用于绝对值的 Python numpy bool 掩码

php - MySQL + PHP - 根据先前的选择结果选择信息

javascript - 将本地存储的图像共享到 Facebook 墙

php - 如何在 PHP 中获取外键引用的列名

php - 更改 array_walk 函数中的数组键?