Django视图传递变量到模板页面加载不显示问题求解

核心错误原因 #

Django模板对传入的上下文字段大小写严格匹配，你的视图层传递给模板的查询集变量键名为小写开头的artikl，但模板中for循环遍历的目标是大写开头的Artikl，模板找不到对应变量，因此循环逻辑不会执行，内容自然无法渲染。

直接修复方法 #

修改模板中for循环的遍历目标，和视图传入的键名完全一致即可：
将模板中原有循环标签：

{% for artikl in Artikl %}

替换为：

{% for artikl in artikl %}

同时建议将闭合标签{%endfor%}调整为规范写法{% endfor %}（标签和关键字之间保留空格），避免极端场景下的模板解析异常。

其他排查点（如果改完仍不显示） #

• 确认访问页面对应的路由正确绑定了home视图，没有走其他未传递对应变量的视图逻辑
• 确认数据库中已经存在Artikl模型的对应数据，若Artikl.objects.all()返回空查询集，循环不会输出任何内容。可在视图中添加print(Artikl.objects.all())，启动服务访问页面时查看控制台输出，确认是否查到数据

可选代码优化 #

当前视图中传递的是多个商品的查询集，和循环内单个商品实例的变量名完全同名，可读性较差，建议调整命名做区分：

1. 视图层修改context键名为复数形式：

from django.shortcuts import render
from .models import Artikl

def home(request):
    context = {
        'artikl_list': Artikl.objects.all()
    }
    return render(request, 'base/home2.html', context)

2. 模板层同步修改循环遍历目标：

{% for artikl in artikl_list %}
<div class="row g-4">
    <div class="col-md-6 col-lg-3">
        <div class="card bg-light">
            <div class="card-body text-center">
                <img src="https://picsum.photos/300/200" class="mb-3 img-fluid" alt="">
                <h3 class="card-title mb-3">{{ artikl.name }}</h3>
                <p class="card-text">{{ artikl.description }}</p>
                <button type="button" class="btn btn-primary">Kupi</button>
            </div>
        </div>
    </div>
</div> 
{% endfor %}

调整后可以清晰区分「全量商品查询集」和「循环内单个商品实例」，后续维护时不容易出现变量名混淆的问题。

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