Django：同一模板显示ListView和DetailView数据遇空白页求助

问题根源与修复方案 #

你的页面空白核心原因是视图未正确传递数据到模板、字段名不匹配、URL配置未启用目标视图这几个问题叠加导致的，以下是分步修复：

1. 修正字段名错误

模型里的时间字段是created，但视图里错误使用了create_date，这会导致查询无结果甚至隐性错误。修改views.py中两处查询：

# ReportsListView的get_queryset方法
def get_queryset(self):
    return Reports.objects.filter(created__lte=timezone.now()).order_by('-created')

# Detail视图的get_context_data方法
context['reports_list'] = Reports.objects.filter(created__lte=timezone.now()).order_by('-created')

2. 修复URL配置

启用Detail视图，并替换无用的TemplateView为ListView（原index视图是空白的TemplateView，根本没传递列表数据）：

# urls.py顶部添加命名空间
app_name = 'reports'

urlpatterns = [
    # 用ListView渲染首页列表
    path('', views.ReportsListView.as_view(), name='index'),
    # 启用详情页路由
    path('detail/<int:pk>/', views.Detail.as_view(), name='reports_detail'),
]

3. 修正模板继承与变量

• 给reports_list.html添加内容块，让详情页能插入内容，同时增加空状态避免完全空白：

<ul class="index-list">
    {% for report in reports_list %}
        <li data-id="{{ report.pk }}">
            <a class="index-link" href="{% url 'reports:reports_detail' pk=report.pk %}">
                <span class="index-name">{{ report.title }}</span>
            </a>
        </li>
    {% empty %}
        <li>暂无报告数据</li>
    {% endfor %}
</ul>

<!-- 定义详情内容块 -->
{% block contentblock %}{% endblock %}

• 修正report_detail.html的变量名（DetailView默认传递的对象是模型名小写report，不是reports）：

{% extends 'reports_list.html' %}

{% block contentblock %}
    <h1>报告详情</h1>
    
    <div class="read-header">
        <div class="read-title">
            {{ report.title }}
        </div>
    </div>
    
    <div class="read-subtitle">
        {{ report.name }}
    </div>

    <div class="read-content">
        {{ report.message }}
    </div>  
{% endblock %}

4. 视图优化（可选）

给ReportsListView指定模板路径，避免默认路径匹配问题：

class ReportsListView(ListView):
    model = Reports
    template_name = 'reports_list.html'  # 根据你的实际模板路径调整

验证效果 #

运行python manage.py runserver后：

• 访问首页会显示所有报告列表；
• 点击列表项会进入详情页，页面上方保留列表，下方展示当前报告的详情内容。

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