Django反向解析attendance-page路由报NoReverseMatch错误

抛出NoReverseMatch的核心原因直接对应你看到的报错信息：
包含{% url 'attendance-page' class.pk %}的JS代码被放到了无对应上下文的模板中：Django的{% url %}标签是后端渲染阶段执行的，不是前端JS运行时才解析。如果这段代码写在attendance_class视图渲染的班级选择页attendance_page.html里，该视图仅向模板传递了classes班级列表变量，没有传递单个class班级实例，模板解析class.pk时得到空字符串，拿空值匹配要求传入整数类型classPK的路由attendance/<int:classPK>，直接触发反向解析失败。
另外你的代码还有一个低级疏漏：attendance视图中组装了context上下文对象，但最后调用render时根本没有把context传入模板，就算路由匹配正确，模板也拿不到班级、考勤数据，会继续抛出变量不存在的错误。

按以下顺序修改代码即可解决问题：

• 修正attendance视图的返回逻辑，把组装好的上下文传入模板，修改views.py中attendance函数的最后一行：

# 原代码漏传context
# return render(request, 'school/attendance_control.html')
# 修改为
return render(request, 'school/attendance_control.html', context)

• 调整JS中的日期跳转逻辑，不要手动拼接URL，直接使用已定义的带日期参数的路由，同时避免在模板渲染阶段传入JS变量导致解析错误。把jQuery中日期选择框的change事件代码替换为：

$('#data-form').change(function() {
    // 模板渲染阶段先生成带合法classPK的URL，用占位符占住日期位置，前端拿到选中日期后替换即可
    const baseUrl = "{% url 'attendance-page-date' classPK=class.pk date='DATE_PLACEHOLDER' %}";
    location.href = baseUrl.replace('DATE_PLACEHOLDER', $(this).val());
})

• 确认上述JS代码仅存在于attendance视图渲染的attendance_control.html模板中，不要放到attendance_page.html班级选择页里，避免出现上下文无class变量的问题。
• 给所有路由补上结尾斜杠，避免Django默认的APPEND_SLASH配置导致不必要的重定向，将urls.py中的路由配置修改为：

path('attendance_class/', views.attendance_class, name='attendance-class'),
path('attendance/<int:classPK>/', views.attendance, name='attendance-page'),
path('attendance/<int:classPK>/<str:date>/', views.attendance, name='attendance-page-date'),
path('save_attendance/', views.save_attendance, name='save-attendance'),

• （可选优化）日期选择框的id存在拼写错误，当前写的是id="data-form"，建议修正为id="date-form"，和日期功能语义匹配，避免后续DOM选择出现匹配错误。

修复后功能运行逻辑如下，不会再抛出反向解析错误：

1. 访问班级列表页选择对应班级，跳转到不带日期参数的考勤页，页面展示班级基础信息和日期选择框
2. 选择日期后自动跳转到带日期参数的路由，后端加载对应日期的考勤记录，渲染学生考勤列表
3. 提交考勤数据走异步保存接口，保存成功后刷新页面展示最新考勤状态

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