问题描述
到目前为止,我的代码很简单。
<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 使它看起来像一张卡片( )
1楼
您可以使用日期、金额和项目元组创建一个列表,并使用 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')]`