从多维数组创建 Html 元素

Question

不知道如何解释，但我们开始吧

我有一个数组如下：

$arr = array(
    array('id' => 1,
        'content' => '<h1>This is a simple Content</h1>',
        'vars' => null,
        'path' => 'holders/row.php',
        'sub-page' => array(
            'id' => 2,
            'content' => '<h1>Sample Body Here</h1>',
            'vars' => '{"title":"Sample Title Here"}',
            'path' => 'holders/box.php',
            'sub-page' => array(
                'id' => 3,
                'vars' => '{"title":"Sample Title NUmber 3 Here"}',
                'content' => '<h1>Again Sample Body Here</h1>',
                'path' => 'holders/box.php'
            )
        )
    )
);

我正在寻找的是 数组应该去最深的sub-page和json_decodevars键并提取为变量并包含文件。

完成后，将输出传递给父级的内容键并再次解析

这基本上是为了创建动态内容

holders/row.php 包含：

<div class="row">
    <?= $content; ?>
</div>

而holders/box.php 包含：

<div class="box lite">
    <div class="box-title">
        <h4><?= $title; ?></h4>

        <div class="tools">
            <a href="javascript:;" class="collapse">
                <i class="fa fa-chevron-up"></i>
            </a>
        </div>
    </div>
    <div class="box-body">
        <?= $content; ?>
    </div>
</div>

所需的输出是：

<div class="row">
    <div class="box lite">
        <div class="box-title">
            <h4>Sample Title Here</h4>

            <div class="tools">
                <a href="javascript:;" class="collapse">
                    <i class="fa fa-chevron-up"></i>
                </a>
            </div>
        </div>
        <div class="box-body">
            <h1>Again Sample Body Here</h1>

            <div class="box lite">
                <div class="box-title">
                    <h4>Sample Title NUmber 3 Here</h4>

                    <div class="tools">
                        <a href="javascript:;" class="collapse">
                            <i class="fa fa-chevron-up"></i>
                        </a>
                    </div>
                </div>
                <div class="box-body">
                    <h1>Again Sample Body Here</h1>
                </div>
            </div>
        </div>
    </div>
</div>

到目前为止我尝试了什么

我正在尝试如下循环数组：

foreach ($arr as &$page) {
    if (isset($page[$keyToParse])) {
        $subMenu = $page[$keyToParse];
        unset($page[$keyToParse]);
        $page['content'] = $page['content'] . $this->parsePage($keyToParse, $subMenu);
        return $page['content'];
    } else {
        $params = strlen($page['vars']) > 0 ? json_decode($page['vars'], true) : [];
        $elementPath = $page['path'];
        $params = array_merge($params, array('content' => $page['content']));
        $page['content'] = callback(function () use ($params, $elementPath) {
            extract($params);
            include($elementPath);
        });

        return $page['content'];
    }

函数回调如下：

function callback($userfunc)
{
    ob_start();
    $userfunc();
    $return = ob_get_contents();
    ob_end_clean();
    return $return;
}

请帮忙，因为我现在卡了很长时间

Answer 1

你应该做的就是这样。

function renderNode($node){
        ob_start();
        if (isset($node["sub-page"]) && $node["sub-page"]){
                $node["content"] = renderNode($node["sub-page"]);
        }
        extract($node);
        include ($node["path"]);
        return ob_get_clean();
}

然后像这样调用它：

echo renderNode($arr[0]);