讲师中心 微信公众号
AI工具推荐 视频效率加速

Django 模板中实现品牌-车型级联导航菜单的正确方法

风芳酱_5982

风芳酱_5982

发布时间:2026-02-22 11:17:11

|

387人浏览过

|

来源于php中文网

原创

Django 模板中实现品牌-车型级联导航菜单的正确方法

本文详解如何通过 django 的 prefetch_related 优化关联查询,并在模板中正确遍历每个汽车品牌及其对应车型,避免上下文处理器中数据结构错位导致的循环失效问题。

本文详解如何通过 django 的 prefetch_related 优化关联查询,并在模板中正确遍历每个汽车品牌及其对应车型,避免上下文处理器中数据结构错位导致的循环失效问题。

在构建多级导航菜单(如“汽车品牌 → 车型下拉列表”)时,一个常见误区是试图在上下文处理器中预先组装好“品牌+对应车型列表”的扁平化结构(例如将 models 单独作为顶层变量返回)。这不仅逻辑混乱,更会导致模板中 models 变量始终只保留最后一次循环的结果——正如你所见,print(models) 输出了多个不同列表,但最终 return {'models': models} 只传递了最后一个品牌的车型,致使所有下拉菜单显示相同内容。

根本解法:利用 Django ORM 的关系遍历能力,而非手动拼装数据。
你已在 CarModel 模型中正确定义了反向关系:

class CarModel(models.Model):
    # ...
    brand = models.ForeignKey(CarBrandCategory, on_delete=models.CASCADE, related_name='model')

关键在于 related_name='model' —— 它允许你从 CarBrandCategory 实例直接访问其所有关联车型:brand.model.all。

因此,上下文处理器应极简、高效地返回品牌 QuerySet,并预加载关联车型以避免 N+1 查询:

# context_processors.py
from .models import CarBrandCategory

def brand_catalogue(request):
    # 使用 prefetch_related 提前获取所有品牌及其车型,一次查询完成
    car_brands = CarBrandCategory.objects.prefetch_related('model').all()
    return {'car_brands': car_brands}

✅ 优势:

Django Unfold
Django Unfold

提供使用 django-unfold (v0.56+) 构建高级 Django 管理界面的专业指导。当用户提及 django-unfold、unfold admin 等内容时使用此技能。

下载
  • 性能最优:仅需 2 次数据库查询(1次查品牌,1次查所有车型并按品牌关联);
  • 结构清晰:模板中自然体现“品牌拥有多个车型”的层级关系;
  • 可维护性强:无需在 Python 层做嵌套循环或字典映射。

接着,在 _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">
      <ul aria-labelledby="dropdown-button-{{ brand.id }}">
        {% for model in brand.model.all %}
          <li>
            <a href="#" class="inline-flex w-full px-4 py-2 hover:bg-gray-50">
              {{ model.model }}
            </a>
          </li>
        {% endfor %}
      </ul>
    </div>
  {% endfor %}
</div>

⚠️ 重要注意事项:

  • id 唯一性:确保每个

热门AI工具

更多
SkildArt
SkildArt Hot

SkildArt是一款AI文本写作工具,一站式 AI 视觉创作平台。

Loomy
Loomy Hot

一款AI工具,主要用于科大讯飞发布的桌面级 AI 助理,比 OpenClaw 更易用、更安全!,适合需要提升相关任务效率的用户。

小橡皮AI

一款AI工具,主要用于小橡皮一键去AI味,将机器味重的内容改得更有活人感,防止因为 AI 内容被平台打上 AI 标签,以及限流,适合需要提升相关任务效率的用户。

PixTV
PixTV Hot

PixTV是一款面向AIGC内容创作的AI视频生成工具。

WorkBuddy

一款AI办公效率工具,主要用于腾讯云推出的AI原生桌面智能体工作台,适合需要提升相关任务效率的用户。

豆包大模型

豆包大模型是一款由字节跳动推出的企业级大语言模型服务平台。

蛙蛙写作

一款AI论文写作工具,主要用于超级AI智能写作助手,适合需要提升相关任务效率的用户。

PixPix
PixPix Hot

PixPix是一款面向电商视觉生产的AI商品图生成工具。

DeepSeek

DeepSeek是一款面向对话、写作、编程和推理场景的AI大模型工具。

相关专题

更多
Python Web 框架 Django 深度开发
Python Web 框架 Django 深度开发

本专题系统讲解 Python Django 框架的核心功能与进阶开发技巧,包括 Django 项目结构、数据库模型与迁移、视图与模板渲染、表单与认证管理、RESTful API 开发、Django 中间件与缓存优化、部署与性能调优。通过实战案例,帮助学习者掌握 使用 Django 快速构建功能全面的 Web 应用与全栈开发能力。

553

2026.02.04

Python Django REST Framework接口安全与认证体系实践
Python Django REST Framework接口安全与认证体系实践

本专题围绕 Django REST Framework 展开,深入讲解 API 认证、JWT 鉴权、权限控制、接口安全防护以及防攻击策略设计。通过完整后端案例,帮助开发者构建安全可靠的 Web API 服务体系。

240

2026.06.29

python中print函数的用法
python中print函数的用法

python中print函数的语法是“print(value1, value2, ..., sep=' ', end=' ', file=sys.stdout, flush=False)”。本专题为大家提供print相关的文章、下载、课程内容,供大家免费下载体验。

3080

2023.09.27

python print用法与作用
python print用法与作用

本专题整合了python print的用法、作用、函数功能相关内容,阅读专题下面的文章了解更多详细教程。

269

2026.02.03

treenode的用法
treenode的用法

​在计算机编程领域,TreeNode是一种常见的数据结构,通常用于构建树形结构。在不同的编程语言中,TreeNode可能有不同的实现方式和用法,通常用于表示树的节点信息。更多关于treenode相关问题详情请看本专题下面的文章。php中文网欢迎大家前来学习。

2661

2023.12.01

C++ 高效算法与数据结构
C++ 高效算法与数据结构

本专题讲解 C++ 中常用算法与数据结构的实现与优化,涵盖排序算法(快速排序、归并排序)、查找算法、图算法、动态规划、贪心算法等,并结合实际案例分析如何选择最优算法来提高程序效率。通过深入理解数据结构(链表、树、堆、哈希表等),帮助开发者提升 在复杂应用中的算法设计与性能优化能力。

376

2025.12.22

深入理解算法:高效算法与数据结构专题
深入理解算法:高效算法与数据结构专题

本专题专注于算法与数据结构的核心概念,适合想深入理解并提升编程能力的开发者。专题内容包括常见数据结构的实现与应用,如数组、链表、栈、队列、哈希表、树、图等;以及高效的排序算法、搜索算法、动态规划等经典算法。通过详细的讲解与复杂度分析,帮助开发者不仅能熟练运用这些基础知识,还能在实际编程中优化性能,提高代码的执行效率。本专题适合准备面试的开发者,也适合希望提高算法思维的编程爱好者。

417

2026.01.06

C++ 数据结构与算法实现教程合集
C++ 数据结构与算法实现教程合集

以 C++ 为实现语言,系统讲解核心数据结构与算法,涵盖链表(单链表/双链表/环检测)、栈与队列(单调栈/优先队列)、二叉树(遍历/BST/AVL/红黑树)、哈希表(开地址法/链地址法)、图(邻接表/BFS/DFS/Dijkstra/拓扑排序)、常见排序算法(快排/归并/堆排/计数排序)的实现与复杂度分析,同时分享 LeetCode 刷题技巧、竞赛编程常用模板(二分/前缀和/滑动窗口/动态规划),帮助开发者夯实算法基础。

472

2026.05.09

Vite 项目如何打包和部署
Vite 项目如何打包和部署

Vite项目打包部署专题汇集生产构建、产物预览、输出目录、资源路径、Nginx与GitHub Pages部署及常见白屏和路由404问题的已审核文章,帮助读者完成上线流程。

20

2026.10.28

热门下载

更多
网站特效
/
网站源码
/
网站素材
/
前端模板

精品课程

更多
相关推荐
/
热门推荐
/
最新课程
关于我们 免责申明 举报中心 意见反馈 讲师合作 广告合作 最新更新
php中文网:公益在线php培训,帮助PHP学习者快速成长!
关注服务号
PHP中文网订阅号
每天精选资源文章推送

Copyright 2014-2026 https://www.php.cn/ All Rights Reserved | php.cn