当前位置: 代码迷 >> python >> 使用 Django 变量创建新的 div
  详细解决方案

使用 Django 变量创建新的 div

热度:83   发布时间:2023-06-13 17:00:55.0

到目前为止,我的代码很简单。

        <div class="wow fadeInUp content-works"> 
            <span class="text-subtitle" style="font-size: 2em; font-weight: 300; color: #333">Previous Orders</span>
                  <div class="row">
                    <div class="col s12 m6">
                      <div class="card blue-grey darken-1">
                        <div class="card-content white-text">
                          <span class="card-title">Order #1</span>
                          <p>Day - Ammount - Item</p>
                        </div>
                        <div class="card-action">
                          <a href="#">Link to somewhere</a>
                        </div>
                      </div>
                    </div>
                  </div>
        </div>

有没有办法将此代码存储在 django 变量中,并创建 day、ammount 和 item 变量?

然后,当 django 更新并添加另一个条目时,会使用不同的事务创建另一个 div。

有什么建议?

附注。 我正在使用 materializecss 使它看起来像一张卡片( )

您可以使用日期、金额和项目元组创建一个列表,并使用 for 循环在模板中生成 div。

{% for day, amount, item in data %}
    <div class="wow fadeInUp content-works"> 
        <span class="text-subtitle" style="font-size: 2em; font-weight: 300; color: #333">Previous Orders</span>
        <div class="row">
            <div class="col s12 m6">
                <div class="card blue-grey darken-1">
                    <div class="card-content white-text">
                        <span class="card-title">Order #1</span>
                        <p>{{day}} - {{amount}} - {{item}}</p>
                    </div>
                    <div class="card-action">
                        <a href="#">Link to somewhere</a>
                    </div>
                </div>
            </div>
        </div>
    </div>
{% endfor %}

数据如下:

data = [('A day', 'Some item', 'Some data'), ('Another day', 'Some other item', 'Some other data')]`