0

0

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

碧海醫心

碧海醫心

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

|

287人浏览过

|

来源于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}

✅ 优势:

ExcelFormulaBot
ExcelFormulaBot

在AI帮助下将文本指令转换为Excel函数公式

下载
  • 性能最优:仅需 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工具

更多
DeepSeek
DeepSeek

幻方量化公司旗下的开源大模型平台

豆包大模型
豆包大模型

字节跳动自主研发的一系列大型语言模型

通义千问
通义千问

阿里巴巴推出的全能AI助手

腾讯元宝
腾讯元宝

腾讯混元平台推出的AI助手

文心一言
文心一言

文心一言是百度开发的AI聊天机器人,通过对话可以生成各种形式的内容。

讯飞写作
讯飞写作

基于讯飞星火大模型的AI写作工具,可以快速生成新闻稿件、品宣文案、工作总结、心得体会等各种文文稿

即梦AI
即梦AI

一站式AI创作平台,免费AI图片和视频生成。

ChatGPT
ChatGPT

最最强大的AI聊天机器人程序,ChatGPT不单是聊天机器人,还能进行撰写邮件、视频脚本、文案、翻译、代码等任务。

相关专题

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

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

123

2026.02.04

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

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

192

2023.09.27

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

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

13

2026.02.03

treenode的用法
treenode的用法

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

543

2023.12.01

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

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

27

2025.12.22

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

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

39

2026.01.06

数据库三范式
数据库三范式

数据库三范式是一种设计规范,用于规范化关系型数据库中的数据结构,它通过消除冗余数据、提高数据库性能和数据一致性,提供了一种有效的数据库设计方法。本专题提供数据库三范式相关的文章、下载和课程。

374

2023.06.29

如何删除数据库
如何删除数据库

删除数据库是指在MySQL中完全移除一个数据库及其所包含的所有数据和结构,作用包括:1、释放存储空间;2、确保数据的安全性;3、提高数据库的整体性能,加速查询和操作的执行速度。尽管删除数据库具有一些好处,但在执行任何删除操作之前,务必谨慎操作,并备份重要的数据。删除数据库将永久性地删除所有相关数据和结构,无法回滚。

2094

2023.08.14

pixiv网页版官网登录与阅读指南_pixiv官网直达入口与在线访问方法
pixiv网页版官网登录与阅读指南_pixiv官网直达入口与在线访问方法

本专题系统整理pixiv网页版官网入口及登录访问方式,涵盖官网登录页面直达路径、在线阅读入口及快速进入方法说明,帮助用户高效找到pixiv官方网站,实现便捷、安全的网页端浏览与账号登录体验。

928

2026.02.13

热门下载

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

精品课程

更多
相关推荐
/
热门推荐
/
最新课程
Go 教程
Go 教程

共32课时 | 5.4万人学习

Go语言实战之 GraphQL
Go语言实战之 GraphQL

共10课时 | 0.9万人学习

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

Copyright 2014-2026 https://www.php.cn/ All Rights Reserved | php.cn | 湘ICP备2023035733号