本文介绍如何通过 Django 的 prefetch_related 优化关联查询，并在模板中正确遍历每个汽车品牌及其对应车型，实现可扩展、高性能的多级导航菜单。
本文介绍如何通过 django 的 `prefetch_related` 优化关联查询，并在模板中正确遍历每个汽车品牌及其对应车型，实现可扩展、高性能的多级导航菜单。
在构建汽车类电商或目录型网站时，常需在全局导航栏中展示「品牌 → 车型」两级结构：每个品牌作为顶部按钮，点击后展开其专属车型下拉列表。但若直接在上下文处理器中分别返回 car_brands 和 models，会导致逻辑错位——因为 models 变量在循环外被覆盖，最终仅保留最后一个品牌的车型，无法满足按品牌分组渲染的需求。
根本解法：利用 Django ORM 的正向反向关系 + prefetch_related 预加载
首先确认模型关系是否已正确定义。从你提供的 CarModel 模型可见：
class CarModel(models.Model):
model = models.CharField(max_length=100, blank=True)
brand = models.ForeignKey(
CarBrandCategory,
on_delete=models.CASCADE,
related_name='model' # 关键：反向关系名为 'model'
)这意味着每个 CarBrandCategory 实例可通过 brand.model.all 访问其全部关联车型（注意：related_name='model' 是复数语义的命名，虽语法合法，但更推荐使用 'models' 提升可读性；此处我们按现有代码适配）。
✅ 正确的上下文处理器应精简为：
# context_processors.py
from .models import CarBrandCategory
def brand_catalogue(request):
# 一次性预加载所有品牌及其关联车型，避免 N+1 查询
car_brands = CarBrandCategory.objects.prefetch_related('model')
return {'car_brands': car_brands}prefetch_related 会执行 1 次 JOIN 查询（或 2 次独立查询），将所有品牌与车型数据一次性载入内存，显著提升性能。
接下来，在 _base.html 中按品牌逐个渲染，并嵌套遍历其车型：
<div class="flex pt-3 container w-full">
{% for brand in car_brands %}
<button
id="dropdown-button-{{ brand.id }}"
data-dropdown-toggle="dropdown-{{ brand.id }}"
class="py-2.5 px-4 text-sm font-medium text-center text-gray-900 bg-gray-100 uppercase"
type="button"
>
{{ brand.brand_name }}
</button>
<div
id="dropdown-{{ brand.id }}"
class="hidden shadow w-44 bg-gray-100"
role="menu"
aria-labelledby="dropdown-button-{{ brand.id }}"
>
<ul class="py-1" role="none">
{% for model in brand.model.all %}
<li role="none">
<a
href="{% url 'product_list_by_model' model.id %}"
class="block px-4 py-2 text-sm text-gray-700 hover:bg-gray-50 hover:text-gray-900"
role="menuitem"
>
{{ model.model }}
</a>
</li>
{% endfor %}
</ul>
</div>
{% endfor %}
</div>? 关键要点说明：
- 使用 brand.model.all（而非全局 models）确保每个品牌只显示其自有车型；
- 为每个按钮和下拉框添加唯一 ID（如 dropdown-button-{{ brand.id }}），避免 JavaScript 控制冲突；
- 补充 role、aria-labelledby 等无障碍属性，提升可访问性；
- 建议为车型链接添加真实路由（如 url 'product_list_by_model'），而非 # 占位符。
⚠️ 注意事项：
- 若 related_name='model' 引起语义混淆（例如误以为是单个对象），建议重构模型：
brand = models.ForeignKey(..., related_name='models') # 更清晰
对应模板改为 brand.models.all；
- 确保 CarBrandCategory 的 __str__ 返回 brand_name（当前已正确实现）；
- 生产环境务必启用数据库查询日志（django.db.connection.queries）验证是否真正避免了 N+1；
- 如品牌/车型数据极少且不常变动，可进一步结合 cache_page 或模板片段缓存提升响应速度。
通过此方案，你不仅解决了数据绑定问题，更以符合 Django 最佳实践的方式实现了可维护、高性能、语义清晰的导航结构。
