Django中实现导航栏品牌关联车型下拉菜单的问题

问题背景 #

已通过context processor实现导航栏循环展示所有汽车品牌，但无法为每个品牌匹配对应车型的下拉菜单——当前返回的models仅为最后一个品牌的车型，所有品牌下拉内容一致。

最优解决方案 #

方案一：利用Django反向关联（最简高效） #

你的CarModel模型已通过related_name='model'定义了与CarBrandCategory的反向关联关系，直接通过品牌对象即可访问对应车型，无需单独传递车型列表。

1. 优化context_processors.py

from .models import CarBrandCategory

def brand_catalogue(request):
    # 使用prefetch_related提前预加载关联车型，避免N+1数据库查询问题
    car_brands = CarBrandCategory.objects.prefetch_related('model').all()
    return {
        'car_brands': car_brands,
    }

2. 修改_base.html模板

在品牌循环内，通过品牌的反向关联字段model获取对应车型：

<div class="flex pt-3 container w-full">
  {% for item in car_brands %}
    <button id="dropdown-button" data-dropdown-toggle="dropdown-{{item.id}}" class="py-2.5 px-4 text-sm font-medium text-center text-gray-900 bg-gray-100 uppercase" type="button">{{item}}</button>
    <div id="dropdown-{{item.id}}" class="hidden shadow w-44 bg-gray-100">
      <ul aria-labelledby="dropdown-button">
        {% for model in item.model.all %}
        <li>
          <a href="#" class="inline-flex w-full px-4 py-2 hover:bg-gray-50">{{ model }}</a>
        </li>
        {% endfor %}
      </ul>
    </div>
  {% endfor %}
</div>

方案二：手动为品牌添加车型属性（备选） #

如果不想依赖反向关联，可手动为每个品牌对象绑定车型列表：

from .models import CarBrandCategory, CarModel

def brand_catalogue(request):
    car_brands = CarBrandCategory.objects.all()
    for brand in car_brands:
        # 为每个品牌添加models属性，存储对应车型
        brand.models = CarModel.objects.filter(brand=brand)
    return {
        'car_brands': car_brands,
    }

模板中对应修改为：

{% for model in item.models %}
<!-- 车型渲染代码 -->
{% endfor %}

原问题根源 #

你之前的代码中，models变量在循环每个品牌时被反复覆盖，最终返回的models仅保留最后一次循环的结果，导致所有品牌下拉菜单显示相同内容。

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