Django generic.UpdateView同模板集成缴费表单不生效怎么办

核心问题根源 #

缴费表单不显示、不生效的本质原因有两个：

• 访问幼儿编辑页面时，路由匹配到的是UpdateKidView类视图，该视图默认上下文仅包含幼儿编辑对应的ModelForm实例（默认上下文变量为form），根本没有把定义好的PaymentForm实例传给模板。模板中渲染{{ payment_form }}时因为找不到对应上下文变量，自然输出为空、没有任何显示。
• 单独编写的create_payment函数视图虽然会正确传递payment_form给同一模板，但没有把缴费表单的提交请求正确匹配到这个视图。哪怕手动在模板中写了缴费表单代码，提交时也不会触发缴费创建的逻辑，自然无法生效。

最小改动的实现方案 #

不需要重构现有逻辑，只要调整三个部分就能实现同页双表单功能：

1. 调整缴费表单的字段配置 #

原来的PaymentForm默认包含所有模型字段，会在缴费表单中显示选择所属幼儿的下拉框，和当前页面的使用场景不匹配（当前页面的缴费天然对应正在编辑的幼儿），需要把关联字段从展示项中移除：

class PaymentForm(forms.ModelForm):
    class Meta:
        model = Payment
        # 移除user关联字段，保存时手动绑定当前幼儿即可
        fields = ['bank_paper_id', 'payment_date', 'paid', 'need_to_pay', 'notes']

2. 给UpdateKidView补充缴费表单的上下文 #

在类视图中重写get_context_data方法，把缴费表单实例加到模板上下文中，模板就能正常拿到表单对象了：

class UpdateKidView(UpdateView):
    model = Kids
    fields = '__all__'
    template_name = 'vrtic/update_kid.html'
    success_url = reverse_lazy('vrtic:kids')

    def get_context_data(self, **kwargs):
        # 先获取父类默认的上下文（包含幼儿编辑表单、当前幼儿对象）
        context = super().get_context_data(**kwargs)
        # 把缴费表单实例加入上下文
        context['payment_form'] = PaymentForm()
        return context

3. 调整模板中的表单结构 #

两个表单分别独立提交，避免逻辑混淆：幼儿编辑表单默认提交到当前页面（也就是UpdateKidView的处理逻辑），缴费表单单独设置提交地址指向已经写好的create_payment视图路由：

<!-- 幼儿信息编辑表单，走原有UpdateView逻辑 -->
<form method="POST">
    {% csrf_token %}
    {{ form.as_p }}
    <button type="submit">保存幼儿档案</button>
</form>

<!-- 缴费记录表单，指向缴费创建的路由，带上当前幼儿的ID参数 -->
<form method="POST" action="{% url 'vrtic:create_payment' pk=object.pk %}">
    {% csrf_token %}
    {{ payment_form.as_p }}
    <button type="submit">新增缴费记录</button>
</form>

配套优化建议 #

• 原有create_payment函数视图的逻辑本身没有问题，只要确认URL路由正确配置、能匹配到带幼儿pk参数的缴费创建请求即可。
• 可以把create_payment视图里最后渲染模板的逻辑，改成提交成功后直接重定向回幼儿编辑页，避免渲染时缺少幼儿编辑表单的上下文导致页面加载异常。
• 不需要额外把两个表单的提交逻辑合并到同一个POST请求中，分开路由的方式代码耦合度最低，完全兼容已经写好的功能，后续维护也更简单。

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