如何在Django模板中嵌套遍历三个互相关联的列表

现有实现问题 #

你当前直接使用zip(card_postings, arrays, post_content)的写法存在逻辑错误：post_content是扁平结构，所有变位列表按时态顺序平铺，没有和arrays的子列表做嵌套对应，渲染后每个大卡片下的所有时态都会展示错误的重复变位内容，不符合需求。

最优实现方案 #

优先在视图层完成数据结构的嵌套组装，不要把复杂逻辑放到模板中处理，符合Django MTV设计规范，可读性和可维护性更高。

视图层改造代码 #

# 你的原始数据
card_postings = ['Indicatif', 'Subjonctif', 'Conditionnel', 'Participe', 'Impératif', 'Infinitif']
arrays = [
    ['Présent', 'Imparfait', 'Futur', 'Passé simple', 'Passé composé', 'Plus-que-parfait', 'Passé antérieur', 'Futur antérieur'],
    ['Présent', 'Imparfait', 'Plus-que-parfait', 'Passé'],
    ['Présent', 'Passé première forme', 'Passé deuxième forme'],
    ['Présent', 'Passé composé', 'Passé'],
    ['Présent', 'Passé'],
    ['Présent', 'Passé']
]
post_content = [
    ["j'ai", 'tu as', 'il/elle a', 'nous avons', 'vous avez', 'ils/elles ont'],
    ["j'avais", 'tu avais', 'il/elle avait', 'nous avions', 'vous aviez', 'ils/elles avaient'],
    # 剩余原始内容保持不变即可
]

# 组装嵌套结构后传给模板
nested_data = []
content_pointer = 0
for mood, tense_list in zip(card_postings, arrays):
    mood_item = {
        "name": mood,
        "tenses": []
    }
    for tense_name in tense_list:
        mood_item["tenses"].append({
            "name": tense_name,
            "conjugations": post_content[content_pointer]
        })
        content_pointer += 1
    nested_data.append(mood_item)

模板层代码 #

<div class="container">
{% for mood in nested_data %}
    <div class="card mb-4">
        <div class="card-body">
            <h4 class="text-center">{{ mood.name }}</h4>
            <div class="row row-cols-1 row-cols-sm-2 row-cols-md-3 g-3">
                {% for tense in mood.tenses %}
                <div class="col">
                    <div class="card h-100">
                        <div class="card-header text-center text-primary">
                            <h5>{{ tense.name }}</h5>
                        </div>
                        <ul class="list-group list-group-flush">
                            {% for conj in tense.conjugations %}
                            <li class="list-group-item border-0"><i>{{ conj }}</i></li>
                            {% endfor %}
                        </ul>
                    </div>
                </div>
                {% endfor %}
            </div>
        </div>
    </div>
{% endfor %}
</div>

方案优势 #

• 逻辑分层清晰，模板仅负责渲染，无需处理数据匹配逻辑
• 可维护性高，后续调整语式、时态、变位内容时，只需修改视图层逻辑或原始数据，无需改动模板
• 无额外依赖，不需要自定义模板过滤器即可直接使用
• 错误率低，提前在视图层完成数据对应校验，不会出现匹配错位问题

替代方案（不推荐） #

如果不想组装字典结构，也可以先在视图层把post_content切分为嵌套结构再传递：

nested_post_content = []
idx = 0
for tense_count in map(len, arrays):
    nested_post_content.append(post_content[idx:idx+tense_count])
    idx += tense_count
zipped_lists = zip(card_postings, arrays, nested_post_content)

使用该方案需要注意：Django默认模板不支持直接调用zip函数，需要自行注册zip为模板过滤器才能在模板第二层循环中同时遍历时态和对应变位列表，综合成本更高。

内容的提问来源于stack exchange，提问作者Udaya