将相关项目组织成组的模式

Question

让我尝试通过一个小示例应用程序来解释我想要实现的目标。这是一个购物清单应用程序，可让您将预定义的Items 添加到您的ShoppingList 为Groceries。明智的做法是每个Item 都与Store 相关。

当我将杂货添加到我的购物清单后，我应该能够看到我的购物清单，其中包含按商店组织（分组）的杂货。比如：

如何创建视图和模板来分组和显示此购物清单？

例如：我会这样显示所有商店的完整库存：

#views.py
store_list = Store.objects.all()

#template.html
{% for store in store_list %}
<div>{{store}}
    <ul>
    {% for item in store.item_set.all %}
        <li>{{item}}</li>
    {% endfor %}
    </ul>
</div>
{% endfor %}

这不适用于我的购物清单，但我真的在寻找同样强大/优雅的东西......

Answer 1

内置的regroup模板标签呢？

{% regroup item.objects.all by store as store_groups %}

<ul>
{% for store_group in store_groups %}
    <li>{{ store_group.grouper }}
    <ul>
        {% for item in store_group.list %}
          <li>{{ item }}</li>
        {% endfor %}
    </ul>
    </li>
{% endfor %}
</ul>

Answer 2

在视图的后端而不是模板中进行分组。

在你看来，像这样创建一个字典：

sorted_groceries = {
    store1 : [item1, item2],
    store2 : [item3, item4],
}

这可以通过一些类似于此伪代码的代码来完成：

sorted_groceries = {}
for item in shopping cart:
    try:
        sorted_groceries[item.store].append(item)
    except KeyError:
        sorted_groceries[item.store] = [item]

然后将其添加到您的上下文中，并让您的模板如下所示：

{% for store, items in sorted_groceries.items %}
<div>{{store}}
    <ul>
    {% for item in items %}
        <li>{{item}}</li>
    {% endfor %}
    </ul>
</div>
{% endfor %}

Answer 3

如何使用 ifchanged https://docs.djangoproject.com/en/1.7/ref/templates/builtins/#ifchanged

假设 shopping_list 按商店排序：

{% for item in shopping_list %}
     {% ifchanged %}<h3>{{ item.store.name }}</h3>{% endifchanged %}
     {{ item.name }}
{% endfor %}