Django 模板: 分组三个项目

在本文中，我们将介绍如何在 Django 模板中分组三个项目。我们将会讨论如何使用 Django 的内置标签和过滤器来对项目进行分组，并提供一些实例说明来帮助理解。

1. 创建模板文件

首先，我们需要创建一个 Django 模板文件。假设我们有一个名为 groups.html 的模板文件，它用于展示分组过的项目。

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Grouped Items</title>
</head>
<body>
    <h1>Grouped Items</h1>
    {% for group in groups %}
    <h2>Group {{ group.number }}</h2>
    <ul>
        {% for item in group.items %}
        <li>{{ item }}</li>
        {% endfor %}
    </ul>
    {% endfor %}
</body>
</html>

在上述模板文件中，我们使用了 Django 内置的标签和过滤器来实现项目的分组展示。我们将在接下来的示例中详细讨论这些标签和过滤器的使用。

2. 分组过滤器

Django 提供了 |slice、|unordered_list 和 |group_by 这些过滤器，用于实现对项目的分组操作。

2.1 |slice 过滤器

|slice 过滤器用于将一个列表进行切片。我们可以使用 |slice:"-3" 来获取列表的最后三个项目，实现分组操作。

{% with items|slice:"-3" as groups %}
    {% include "groups.html" %}
{% endwith %}

在上述示例中，我们使用 with 标签将切片操作的结果存储到 groups 变量中，并使用 include 标签来引入 groups.html 模板文件。这样，我们就可以将最后三个项目分组展示出来。

2.2 |unordered_list 过滤器

|unordered_list 过滤器用于将一个列表转换为无序列表的 HTML 标记。通过结合 |slice 和 |unordered_list 过滤器，我们可以实现按照每三个项目分组的效果。

{% with items|slice:"0:-2" as groups %}
    <ul>
        {% for group in groups|unordered_list %}
        <li>{{ group }}</li>
        {% endfor %}
    </ul>
{% endwith %}

在上述示例中，我们使用 with 标签将切片操作的结果存储到 groups 变量中，并使用 |unordered_list 过滤器将每个分组的项目转换为无序列表的 HTML 标记。这样，我们就可以将每三个项目分组展示出来。

2.3 |group_by 过滤器

|group_by 过滤器用于根据指定的属性将一个列表进行分组。我们可以使用 |group_by:"3" 来根据每三个项目进行分组。

{% with items|group_by:"3" as groups %}
    {% include "groups.html" %}
{% endwith %}

在上述示例中，我们使用 with 标签将分组操作的结果存储到 groups 变量中，并使用 include 标签来引入 groups.html 模板文件。这样，我们就可以根据每三个项目分组展示出来。

3. 示例应用

我们来看一个完整的示例应用，展示如何使用 Django 模板来分组三个项目。

# views.py
from django.shortcuts import render

def groups(request):
    items = ['Item 1', 'Item 2', 'Item 3', 'Item 4', 'Item 5', 'Item 6', 'Item 7', 'Item 8']
    return render(request, 'groups.html', {'items': items})

<!-- groups.html -->
<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Grouped Items</title>
</head>
<body>
    <h1>Grouped Items</h1>
    <ul>
        {% with items|slice:"-3" as groups %}
        {% for group in groups %}
        <li>
            <h2>Group {{ group.number }}</h2>
            <ul>
                {% for item in group.items %}
                <li>{{ item }}</li>
                {% endfor %}
            </ul>
        </li>
        {% endfor %}
        {% endwith %}
    </ul>
</body>
</html>

在上述示例中，我们在视图函数中定义了一个包含8个项目的列表。然后，在模板文件中使用了 |slice 过滤器将最后三个项目分组。接着，使用循环对分组后的项目进行展示。