Django产品模板无法显示分类与子分类的代码问题咨询

现有代码存在的核心问题 #

• 模板路径不匹配：视图中render指定的模板是admin_templates/product_create.html，但你实际使用的模板文件是productTemplate.html，路径对应不上会导致页面无法加载模板内容，分类自然无法显示。
• 模板属性未加引号：<optgroup>的label属性没有用引号包裹，当分类标题存在空格、特殊字符时，浏览器会解析错误，导致分组标签显示异常。
• N+1查询性能缺陷：视图中循环遍历分类再逐个查询子分类的写法，会产生N+1次数据库请求，分类数量较多时会严重拖慢加载速度，极端情况会因查询超时导致内容加载失败。
• 字段隐式兼容风险：你提供的模型代码仅包含Products表，未提供Categories、SubCategories的模型定义，如果这两个表的名称字段不是title（比如是name），模板中调用title属性会直接返回空值，看不到分类名称。

修复后的代码 #

1. 优化后的View.py代码 #

from django.db.models import Prefetch

class ProductView(View):
    def get(self,request,*args,**kwargs):
        # 用prefetch_related一次查询所有激活的子分类，避免N+1查询问题
        # 如果SubCategories的外键字段设置了related_name，把下面的subcategories_set替换成你设置的related_name值即可
        categories = Categories.objects.filter(is_active=1).prefetch_related(
            Prefetch("subcategories_set", queryset=SubCategories.objects.filter(is_active=1), to_attr="active_subs")
        )
        merchant_users=MerchantUser.objects.filter(auth_user_id__is_active=True)
        # 修正模板路径和你实际的模板文件路径对应
        return render(request,"productTemplate.html",{"categories":categories,"merchant_users":merchant_users})

如果你不想调整模板遍历逻辑，也可以保留原有手动拼接categories_list的写法，仅修正render传入的模板路径即可。

2. 修复后的模板代码 #

<div class="col-lg-6">
    <label>Category</label>
    <select name="sub_category" class="form-control">
        {% for category in categories %}
            <!-- 给label属性增加双引号避免解析错误 -->
            <optgroup label="{{ category.category.title }}">
            {% for sub_cat in category.sub_category %}
                <option value="{{ sub_cat.id }}">{{ sub_cat.title }}</option>
            {% endfor %}
              </optgroup>
        {% endfor %}
    </select>
</div>

如果使用了上面优化后的视图代码，模板遍历可以简化为：

{% for category in categories %}
<optgroup label="{{ category.title }}">
{% for sub_cat in category.active_subs %}
    <option value="{{ sub_cat.id }}">{{ sub_cat.title }}</option>
{% endfor %}
</optgroup>
{% endfor %}

额外优化建议 #

• 建议修正Products模型的外键命名：当前外键字段命名为subcategories_id，Django ORM会自动为外键字段追加_id后缀，实际数据库存储的字段会变成subcategories_id_id，建议修改为subcategory即可，后续调用更符合规范。
• 建议给分类、子分类模型的title字段增加默认值，避免空值导致显示异常。

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