Django分类与子分类关联展示异常问题求助

核心问题分析 #

1. 序列化器未嵌套子分类：当前CategoriesSerializer仅序列化分类本身，未关联对应子分类数据，导致前端无法获取分类专属的子分类列表。
2. 模型类名不一致：代码中模型类定义为Category，但外键关联时用了Categories，会引发数据库关联错误（需先修正此笔误）。
3. 模板循环逻辑错误：模板中使用result.subcategory_set.all，但序列化后的JSON数据不存在该属性，需改为序列化器中定义的子分类字段。

步骤1：修正模型类名一致性 #

将模型类Category改为Categories（统一类名避免关联错误）：

class Categories(models.Model):
    category_name = models.CharField(max_length=30)
    category_description = models.CharField(max_length=30)
    isactive = models.BooleanField(default=True)

class SUBCategories(models.Model):
    # 外键关联修正为正确的模型类名
    category_name = models.ForeignKey(Categories, on_delete=models.CASCADE)
    sub_categories_name = models.CharField(max_length=30)
    sub_categories_description = models.CharField(max_length=30)
    isactive = models.BooleanField(default=True)

步骤2：修改序列化器，嵌套子分类 #

创建SUBCategoriesSerializer，并在CategoriesSerializer中嵌套该序列化器，实现分类与子分类的关联序列化：

class SUBCategoriesSerializer(serializers.ModelSerializer):
    class Meta:
        model = SUBCategories
        fields = ['sub_categories_name', 'sub_categories_description']  # 按需选择需序列化的字段

class CategoriesSerializer(serializers.ModelSerializer):
    # 嵌套子分类序列化器，使用默认关联字段名"subcategories_set"
    subcategories = SUBCategoriesSerializer(many=True, source='subcategories_set')

    class Meta:
        model = Categories
        fields = ['id', 'category_name', 'category_description', 'subcategories']
        extra_kwargs = {'category_name': {'required': False}}

优化建议：在SUBCategories模型的外键中添加related_name='subcategories'，序列化器可简化为subcategories = SUBCategoriesSerializer(many=True)，无需指定source。

步骤3：优化视图函数 #

无需单独查询所有子分类，嵌套序列化后分类数据已包含对应子分类。同时使用prefetch_related优化查询性能，避免N+1数据库请求：

def shoppingpage(request):
    # 预获取关联的子分类，提升查询效率
    cat = Categories.objects.filter(isactive=True).prefetch_related('subcategories_set')
    category = CategoriesSerializer(cat, many=True)
    # 不再需要单独传递subcategory数据
    return render(request,'polls/shoppingpage.html',{'category': category.data})

步骤4：修改模板循环逻辑 #

循环序列化后分类数据中的subcategories字段，展示当前分类的专属子分类：

{% for result in category %}
<div class="col-md-3">
    <div class="lynessa-listitem style-01">
        <div class="listitem-inner">
            <a href="/{{ result.category_name|slugify }}" target="_self">
                <h4 class="title">{{ result.category_name }}</h4>
            </a>
            {% if result.subcategories %}
            <ul class="listitem-list">
                {% for ans in result.subcategories %}   
                <li>
                    <a href="/{{ ans.sub_categories_name|slugify }}" target="_self">{{ ans.sub_categories_name }}</a>
                </li>
                {% endfor %}
            </ul>
            {% endif %}                                       
        </div>
    </div>
</div>  
{% endfor %}

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