Django前端分类页面优化：数据库查询次数优化策略

在Django项目中，高效的数据库操作至关重要。本文针对一个前端分类页面因数据库查询过多导致性能瓶颈的问题，提出优化方案。该页面需要根据标题查找一级分类，并获取所有二级分类及其对应的图片数量，原方案导致数据库查询次数超过百次。

问题根源在于模板渲染过程中，每次循环都执行数据库查询以获取二级分类下的图片数量。原始的视图层代码仅使用了prefetch_related获取二级分类，未预先计算图片数量，造成大量数据库访问。

优化方案的核心在于利用Django ORM的annotate和prefetch方法，在数据库层预先计算每个二级分类的图片数量，从而避免模板层多次查询。

立即学习“前端免费学习笔记（深入）”；

改进后的视图层代码：

from django.db.models import Count

class CategoryStagView(CommonView):
    def get(self, request, title):
        # 根据标题查询一级分类，并预先计算每个二级分类的图片数量
        category = models.TopCategory.objects.prefetch_related(
            models.Prefetch(
                'topcategory',
                queryset=models.SecondCategory.objects.annotate(image_count=Count('categorytag'))
            )
        ).get(title_en=title)
        return render(request, 'category.html', {'category': category})

代码的关键在于models.Prefetch和annotate(image_count=Count('categorytag'))的组合使用。Prefetch优化了TopCategory的关联查询，annotate在查询二级分类的同时计算并添加image_count字段，存储每个二级分类下的图片数量。

修改后的模板层代码：

<small class="card-text text-truncate"><i class="bi bi-folder"></i> 共有 <b>{{ item.image_count }}</b> 张{{ item.title_zh }}素材</small>

通过以上修改，Django ORM在单次数据库查询中获取所有必要数据，将百余次的SQL查询减少到几次，显著提升页面加载速度和数据库性能。此优化充分利用了Django ORM的功能，避免了模板层冗余的数据库操作。