Django如何将ModelForm字段映射到自定义HTML表单

• 修复视图上下文传参错误
  原视图中的上下文字典里form对应的键没有加引号，导致模板无法正确获取表单实例，同时缺少POST提交后的校验保存逻辑，修正后的views.py代码如下：

def update_event(request,event_id):
    event = Event.objects.get(pk=event_id)
    form = addEventForm(request.POST or None, instance=event)
    # 补充提交校验和保存逻辑
    if request.method == "POST" and form.is_valid():
        form.save()
        # 可根据业务需求补充提交成功后的跳转逻辑
    return render(request, 'pages/update_event.html', {'event': event, 'form': form})

• 修正HTML表单的字段映射规则
  手动编写HTML表单时，需要满足两个要求才能正常绑定数据和提交内容：

1. 输入框的name属性必须和Django表单类的字段名完全一致
2. value属性填充后端传递的实例值，可直接通过event实例或者form实例取值
   修正后的HTML代码如下：

<div class="col-md-6">
    <div class="mb-3">
        <label class="form-label" for="event-name-label">Event Name</label>
        <!-- 新增name属性，value绑定event实例的event_name字段值 -->
        <input type="text" class="form-control" id="event-name" name="event_name" value="{{ event.event_name }}" required>
        <div class="valid-feedback">
            Looks good!
        </div>
        <div class="invalid-feedback">
            Please fill Event name.
        </div>
    </div>
</div>

如果偏好使用form实例绑定字段，取值写法为{{ form.event_name.value|default_if_none:'' }}，可以避免空值场景下显示None的问题。

• 其他字段适配说明
  剩余的project、event_date字段按照相同规则绑定即可，event_date如果配合日期时间选择器使用，需要注意值的格式和Django表单字段的格式要求匹配。如果使用JavaScript异步提交表单，序列化表单数据时要确保字段键名和Django表单字段名完全一致。

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