在Django同1个页面中的多表单处理详解

在Django中，同一个页面需要处理多个表单是一种常见需求。为了实现这一点，可以使用Django的FormView视图类。下面是使用FormView视图类处理多个表单的详细过程。

步骤一：创建表单

首先，我们需要创建表单。在这里，我们将创建两个表单：LoginForm和RegistrationForm。

from django import forms

class LoginForm(forms.Form):
    username = forms.CharField(max_length=100)
    password = forms.CharField(widget=forms.PasswordInput)

class RegistrationForm(forms.Form):
    username = forms.CharField(max_length=100)
    email = forms.EmailField()
    password = forms.CharField(widget=forms.PasswordInput)
    confirm_password = forms.CharField(widget=forms.PasswordInput)

步骤二：创建视图函数

接下来，我们需要创建一个视图函数来处理多个表单。我们将使用Django的FormView视图类来处理这些表单。

from django.views.generic.edit import FormView
from .forms import LoginForm, RegistrationForm

class MultipleFormsView(FormView):
    template_name = 'multiple_forms.html'
    form_class = None
    forms = {'login_form': LoginForm, 'registration_form': RegistrationForm}

    def get_form_class(self):
        form_name = self.request.POST.get('form_name')
        return self.forms.get(form_name)

    def get_context_data(self, **kwargs):
        context = super().get_context_data(**kwargs)
        context['login_form'] = self.forms['login_form']
        context['registration_form'] = self.forms['registration_form']
        return context

    def form_valid(self, form):
        # Do something with form
        return super().form_valid(form)

    def form_invalid(self, form):
        return self.render_to_response(self.get_context_data(form=form))

在上面的代码中，我们定义了一个MultipleFormsView类，该类继承自FormView视图类。我们指定了模板名称和FormView类中form_class属性的值。

在get_context_data()函数中，我们将两个表单对象传递到模板中，以便在模板中访问它们。在get_form_class()函数中，我们获取表单名称，然后根据表单名称返回对应的表单类。

在form_valid()函数中，我们可以处理表单提交操作时所需的一些行为。代码中，我们只是简单地调用父类的form_valid()函数。

在form_invalid()函数中，我们将表单对象传递到模板中，以便用户可以查看错误信息。

步骤三：创建模板

现在，我们需要创建一个模板来渲染表单并在同一个页面显示它们。以下是模板的示例代码。

{% extends 'base.html' %}
{% block content %}
    <h2>Login Form</h2>
    <form method="post">
        {% csrf_token %}
        {{ login_form.as_p }}
        <button type="submit" name="form_name" value="login_form">Login</button>
    </form>

    <h2>Registration Form</h2>
    <form method="post">
        {% csrf_token %}
        {{ registration_form.as_p }}
        <button type="submit" name="form_name" value="registration_form">Register</button>
    </form>
{% endblock %}

在上面的代码中，我们使用as_p过滤器渲染表单。我们还在每个表单中包含了一个隐藏的表单字段，其名称为form_name，其值为表单名称。这个值可以通过get_form_class()函数获取，并且用于指定用户正在提交的表单是哪个表单。

示例一

假设我们要从这个页面登录。我们需要填写用户名和密码后单击“Login”按钮。在这种情况下，我们需要提交LoginForm表单，因为我们正在登录。

示例二

假设我们要在这个页面上注册。我们需要填写用户名，电子邮件地址，密码和确认密码后单击“Register”按钮。在这种情况下，我们需要提交RegistrationForm表单，因为我们正在注册新用户。