Django模板中with语句计数器始终为1的原因及递增实现方法

Django模板里的with语句定义的变量是局部作用域的——你在内部嵌套的{% with counter=counter|add:1 %}块里，其实是创建了一个只在这个子块里生效的新变量，完全不会影响外层with里的原始counter。等这个子块结束，新变量直接销毁，外层的counter自始至终都是初始的1。

另外要注意，Django模板是无状态的，没法直接修改已定义变量的值，所有赋值操作都是生成新的局部变量，不会改动外部的变量。

推荐用自定义模板标签的方式，这是最规范的做法：

步骤1：编写自定义标签 #

在你的Django应用下新建templatetags文件夹（没有就创建），里面放入__init__.py和一个比如叫counter_tags.py的文件，内容如下：

from django import template

register = template.Library()

@register.simple_tag
def increment_counter(counter):
    return counter + 1

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

先加载自定义标签，再通过{% increment_counter ... as counter %}来更新计数器：

{% load counter_tags %}

{% with counter=1 %}
    {% for order in sales %}
        <tr>
            {% ifchanged order.date and order.dealer %}
                <td scope="row">{{ counter }}</td>
                {% increment_counter counter as counter %}
            {% else %}
                <td></td>
            {% endifchanged %}
        </tr>
    {% endfor %}
{% endwith %}

如果不想写自定义标签，也可以用个小技巧——利用列表是可变对象的特性间接修改计数器：

{% with counter=[1] %}
    {% for order in sales %}
        <tr>
            {% ifchanged order.date and order.dealer %}
                <td scope="row">{{ counter.0 }}</td>
                {% with _=counter.pop %}{% endwith %}
                {% with _=counter.append counter.0|add:1 %}{% endwith %}
            {% else %}
                <td></td>
            {% endifchanged %}
        </tr>
    {% endfor %}
{% endwith %}

这种写法不用额外编写后端代码，但可读性较差，适合临时救急场景。

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