Django相册DetailView页面外键关联照片数据分页实现问题

问题根因 #

你直接将Paginator实例返回给了模板，模板遍历的是分页器对象本身而非单页的照片数据集，所以渲染不出任何内容。同时你原有查询相册ID的逻辑冗余，DetailView本身已经加载了当前相册实例，不需要额外查询。

修复步骤 #

1. 修改视图代码

调整分页逻辑，返回对应页码的照片数据，同时简化查询逻辑：

# views.py 先导入分页依赖
from django.core.paginator import Paginator, EmptyPage, PageNotAnInteger

class PhotoAlbum(DetailView):
    context_object_name = "album"
    model = Albums
    slug_field = "slug"
    template_name = "album.html" # 替换为你实际的模板路径

    def get_context_data(self, **kwargs):
        context = super().get_context_data(**kwargs)
        # 直接用当前相册的反向关联获取所有关联照片，无需单独查询相册ID
        # 注意：如果没有定义capture_date字段，把order_by参数换成"-upload_date"
        photos_qs = self.object.photos_set.order_by("-capture_date")
        # 分页处理
        paginator = Paginator(photos_qs, 10)
        page = self.request.GET.get('page')
        try:
            page_photos = paginator.page(page)
        except PageNotAnInteger:
            # 页码不是合法整数时返回第一页
            page_photos = paginator.page(1)
        except EmptyPage:
            # 页码超过总页数时返回最后一页
            page_photos = paginator.page(paginator.num_pages)
        context["photos"] = page_photos
        return context

2. 模板调整

原有遍历照片的代码不需要修改，可在照片列表下方增加分页导航组件：

<!-- 原有展示相册信息、遍历照片的代码保持不变 -->
<ul>
    {% for photo in photos %}
        <li><a href="{% url 'photo_detail' photo.slug %}">{{ photo.title }}</a></li>
    {% endfor %}
</ul>

<!-- 新增分页导航 -->
<div class="pagination">
    {% if photos.has_previous %}
        <a href="?page=1">首页</a>
        <a href="?page={{ photos.previous_page_number }}">上一页</a>
    {% endif %}

    <span>当前第 {{ photos.number }} 页 / 共 {{ photos.paginator.num_pages }} 页</span>

    {% if photos.has_next %}
        <a href="?page={{ photos.next_page_number }}">下一页</a>
        <a href="?page={{ photos.paginator.num_pages }}">末页</a>
    {% endif %}
</div>

补充说明 #

如果你的Photos模型中给album外键设置了related_name参数，就把self.object.photos_set替换为你设置的related_name值即可，没有额外设置的话默认用模型名小写_set的规则调用反向关联。

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