使用twig模板引擎每4次迭代生成带有其他嵌套部分的html部分

时间:2018-04-27 17:44:04

标签: php loops twig

我有以下查询结果:

     array(66) {
  [0]=>
  array(6) {
    ["numero"]=>
    int(548)
    ["coreo"]=>
    string(30) "Disco Dance Solo Female Junior"
    ["elementi"]=>
    int(1)
    ["club"]=>
    string(12) "Winning Club"
    ["nazione"]=>
    string(10) "San Marino"
    ["ballerini"]=>
    array(1) {
      [0]=>
      array(2) {
        ["nome"]=>
        string(18) "Della Fera Alessia"
        ["sesso"]=>
        string(1) "F"
      }
    }
  }
  [1]=>
  array(6) {
    ["numero"]=>
    int(100)
    ["coreo"]=>
    string(30) "Disco Dance Solo Female Junior"
    ["elementi"]=>
    int(1)
    ["club"]=>
    string(12) "Winning Club"
    ["nazione"]=>
    string(10) "San Marino"
    ["ballerini"]=>
    array(1) {
      [0]=>
      array(2) {
        ["nome"]=>
        string(19) "Spinelli Elisabetta"
        ["sesso"]=>
        string(1) "F"
      }
    }
  }

。 。

依旧......

我的目标是使用twig模板引擎生成一个html页面,如下所示:

<div style="height: 50%; width: 100%;">
    <article style="float: left;">
        <h4>{{numero}}</h4>
        <ul>
            <li>{{coreo}}</li>
            <li>{{club}}</li>
            <li>{{nazione}}</li>
            <li>{{elementi}}</li>
            <li>{{ballerini.nome}} - {{ballerini.sesso}}</li>
            <li>{{ballerini.nome}} - {{ballerini.sesso}}</li>
        </ul>
    </article>

    <article style="float: right;">
        <h4>{{numero}}</h4>
        <ul>
            <li>{{coreo}}</li>
            <li>{{club}}</li>
            <li>{{nazione}}</li>
            <li>{{elementi}}</li>
            <li>{{ballerini.nome}} - {{ballerini.sesso}}</li>
            <li>{{ballerini.nome}} - {{ballerini.sesso}}</li>
        </ul>
    </article>
</div>

<div style="height: 50%; width: 100%;">
    <article style="float: left;">
        <h4>{{numero}}</h4>
        <ul>
            <li>{{coreo}}</li>
            <li>{{club}}</li>
            <li>{{nazione}}</li>
            <li>{{elementi}}</li>
            <li>{{ballerini.nome}} - {{ballerini.sesso}}</li>
            <li>{{ballerini.nome}} - {{ballerini.sesso}}</li>
        </ul>
    </article>

    <article style="float: right;">
        <h4>{{numero}}</h4>
        <ul>
            <li>{{coreo}}</li>
            <li>{{club}}</li>
            <li>{{nazione}}</li>
            <li>{{elementi}}</li>
            <li>{{ballerini.nome}} - {{ballerini.sesso}}</li>
            <li>{{ballerini.nome}} - {{ballerini.sesso}}</li>
        </ul>
    </article>
</div>

其中每4条记录创建一个部分。

我从以下代码开始

{% for i in 1..((numerinogruppo|length))|round(0,'ceil') %}
    {% if loop.index % 4 == 0 %}
        <section class="sheet padding-10mm">
            {% if loop.index % 2 == 0 %}
                <div style="height: 50%; width: 100%;">
                    <article style="float: left;">
                        <h4>{{ numeronogruppo[loop.index][numero] }}</h4>
                        <ul>
                            <li>Coreografia</li>
                            <li>Nazione</li>
                            <li>Eventuale ballerino 1</li>
                            <li>Eventuale ballerino 2</li>
                        </ul>
                    </article>

                    <article style="float: right;">
                        <h4>2</h4>
                        <ul>
                            <li>Coreografia</li>
                            <li>Nazione</li>
                            <li>Eventuale ballerino 1</li>
                            <li>Eventuale ballerino 2</li>
                        </ul>
                    </article>
                </div>

                <div style="height: 50%; width: 100%;">
                    <article style="float: left;">
                        <h4>1</h4>
                        <ul>
                            <li>Coreografia</li>
                            <li>Nazione</li>
                            <li>Eventuale ballerino 1</li>
                            <li>Eventuale ballerino 2</li>
                        </ul>
                    </article>

                    <article style="float: right;">
                        <h4>2</h4>
                        <ul>
                            <li>Coreografia</li>
                            <li>Nazione</li>
                            <li>Eventuale ballerino 1</li>
                            <li>Eventuale ballerino 2</li>
                        </ul>
                    </article>
                </div>
            {% endif %}
        </section>
    {% endif %}
{% endfor %}

但我不知道如何访问数组值并在for循环中显示它们。 有什么建议? 谢谢大家。

0 个答案:

没有答案