Django模板中使用循环计数器获取QuerySet元素的语法问题

你遇到的问题本质是Django模板的点符号语法规则：模板里的.用来访问对象属性/方法或字典键，不能直接用变量作为索引来访问QuerySet的元素。你手动写right_articles.0能生效，是因为模板会把数字字面量当作索引处理，但变量i会被当作属性名去查找，自然找不到对应元素。

下面给两种可行的解决方案，推荐第一种更简洁的方式：

方案1：在视图中打包三个QuerySet（推荐） #

在视图里用itertools.zip_longest把三个QuerySet按位置配对，这样模板里直接循环配对后的结果即可，不用关心索引问题：

视图代码修改： #

from itertools import zip_longest

# 你的原有QuerySet获取逻辑
right_articles = sline.article_set.filter(avgLean__lte=-0.75).order_by('-credibility')[:25]
left_articles = sline.article_set.filter(avgLean__gte=0.75).order_by('-credibility')[:25]
center_articles = sline.article_set.filter(avgLean__gt=-0.75, avgLean__lt=0.75).order_by('-credibility')[:25]

# 打包三个QuerySet，长度不一致时用None填充空缺
article_groups = list(zip_longest(right_articles, center_articles, left_articles))

# 将打包后的列表传入模板（替换原来的三个单独QuerySet和n_articles）
context = {
    'article_groups': article_groups,
}

模板代码： #

{% for rt_article, ct_article, lt_article in article_groups %}
    <div class="row">
        <!-- 右倾文章列 -->
        <div class="col">
            {% if rt_article %}
                <h4>{{ rt_article.title }}</h4>
                <p>{{ rt_article.content|truncatechars:100 }}</p>
                <!-- 其他文章字段 -->
            {% endif %}
        </div>
        <!-- 中间立场文章列 -->
        <div class="col">
            {% if ct_article %}
                <h4>{{ ct_article.title }}</h4>
                <p>{{ ct_article.content|truncatechars:100 }}</p>
            {% endif %}
        </div>
        <!-- 左倾文章列 -->
        <div class="col">
            {% if lt_article %}
                <h4>{{ lt_article.title }}</h4>
                <p>{{ lt_article.content|truncatechars:100 }}</p>
            {% endif %}
        </div>
    </div>
{% endfor %}

这个方案的好处是逻辑清晰，不需要额外的模板标签，还能自动处理三个QuerySet长度不一致的情况（缺的位置显示空内容）。

方案2：自定义模板标签实现变量索引 #

如果你一定要保留原有的循环计数器i的逻辑，可以自定义一个模板标签来实现用变量索引QuerySet：

步骤1：创建自定义模板标签 #

在你的Django app下创建templatetags目录（如果没有的话），然后新建custom_tags.py文件：

from django import template

register = template.Library()

@register.simple_tag
def get_queryset_item(queryset, index):
    """从QuerySet中获取指定索引的元素，索引越界返回None"""
    try:
        return queryset[int(index)]
    except (IndexError, ValueError):
        return None

步骤2：模板中使用标签 #

先加载标签，然后在循环中调用：

{% load custom_tags %}

{% for i in n_articles %}
    <div class="row">
        <div class="col">
            {% get_queryset_item right_articles i as rt_article %}
            {% if rt_article %}
                <h4>{{ rt_article.title }}</h4>
                <!-- 其他内容 -->
            {% endif %}
        </div>
        <div class="col">
            {% get_queryset_item center_articles i as ct_article %}
            {% if ct_article %}
                <h4>{{ ct_article.title }}</h4>
            {% endif %}
        </div>
        <div class="col">
            {% get_queryset_item left_articles i as lt_article %}
            {% if lt_article %}
                <h4>{{ lt_article.title }}</h4>
            {% endif %}
        </div>
    </div>
{% endfor %}

这个方案适合必须保留原有循环逻辑的场景，但需要额外维护模板标签，不如第一种方案简洁。

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