Django中HTML传递待办项ID问题求助：编辑提交功能异常

我来帮你排查这个待办项ID传递的问题，这在Django开发里是个很常见的小坑，咱们一步步来梳理解决思路：

首先，编辑和更新待办项的路由必须明确包含ID参数，这样Django才能正确捕获并传递给视图。你可以这么配置：

# urls.py
from django.urls import path
from . import views

urlpatterns = [
    # 其他路由（比如待办列表页）...
    path('todo/edit/<int:todo_id>/', views.edit_todo, name='edit_todo'),
    path('todo/update/<int:todo_id>/', views.update_todo, name='update_todo'),
]

这里的<int:todo_id>是核心——它会匹配URL里的数字ID，把它作为参数传给对应的视图函数；同时记得给路由设置name属性，方便模板里反向生成URL，避免硬编码出错。

编辑页面的视图需要接收todo_id参数，找到对应的待办项，再把它传给模板；更新视图也要接收ID，用来定位要修改的待办项：

# views.py
from django.shortcuts import get_object_or_404, render, redirect
from .models import Todo

# 渲染编辑页面
def edit_todo(request, todo_id):
    # 找不到对应ID的待办项就返回404
    todo_item = get_object_or_404(Todo, id=todo_id)
    return render(request, 'edit_todo.html', {'todo': todo_item})

# 处理表单提交，更新待办项
def update_todo(request, todo_id):
    todo_item = get_object_or_404(Todo, id=todo_id)
    if request.method == 'POST':
        # 从表单获取数据并更新
        todo_item.title = request.POST.get('title')
        todo_item.description = request.POST.get('description')
        todo_item.completed = 'completed' in request.POST
        todo_item.save()
        # 更新完成后重定向到列表页
        return redirect('todo_list')
    # 如果是GET请求，返回编辑页面（其实edit_todo已经做了这个，这里是兜底）
    return render(request, 'edit_todo.html', {'todo': todo_item})

注意这里的参数名要和urls.py里的<int:todo_id>完全一致（比如都是todo_id），不然Django会报错。

这是最容易出错的环节，分两种场景处理：

1. 从列表页跳转到编辑页的链接 #

在待办列表页面，点击“编辑”按钮时，要使用Django的{% url %}模板标签，把待办项的ID作为参数传入，生成正确的链接：

<!-- todo_list.html -->
{% for todo in todos %}
    <div class="todo-item">
        <h4>{{ todo.title }}</h4>
        <!-- 关键：把todo.id传给edit_todo路由 -->
        <a href="{% url 'edit_todo' todo.id %}">编辑</a>
    </div>
{% endfor %}

2. 编辑页面的表单提交地址 #

编辑页的表单要把数据提交到update_todo路由，同样需要传入ID，确保提交到正确的处理地址：

<!-- edit_todo.html -->
<form method="POST" action="{% url 'update_todo' todo.id %}">
    {% csrf_token %} <!-- 必须加，否则Django会拒绝POST请求 -->
    <div>
        <label>标题：</label>
        <input type="text" name="title" value="{{ todo.title }}" required>
    </div>
    <div>
        <label>描述：</label>
        <textarea name="description">{{ todo.description }}</textarea>
    </div>
    <div>
        <label>已完成：</label>
        <input type="checkbox" name="completed" {% if todo.completed %}checked{% endif %}>
    </div>
    <button type="submit">保存修改</button>
</form>

这里要注意：

• {% url %}里的路由名称（比如update_todo）要和urls.py里的name完全一致，大小写敏感！
• 确保模板能拿到todo对象（这是views.py传递过来的），这样才能访问todo.id和其他字段

如果还是不行，你可以试试这些方法：

1. 打开浏览器的开发者工具，查看页面源代码，看看生成的编辑链接和表单action是不是类似/todo/edit/3/这样的格式（带正确的ID）
2. 检查Django的调试页面，如果出现404错误，看看是不是路由匹配的问题（比如URL里的ID是不是数字，路由参数名是不是和视图里的一致）
3. 确认模板里的todo对象确实存在，可以在模板里临时加{{ todo.id }}来打印ID，看看有没有输出

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