Django 自定义 Django 中的 UserCreationForm 的外观

在本文中，我们将介绍如何自定义 Django 中的 UserCreationForm 的外观。Django 提供了 UserCreationForm 来方便我们创建用户注册表单，但有时我们希望根据自己的需求对其外观进行定制。

阅读更多：Django 教程

理解 UserCreationForm

在开始之前，我们先来了解一下 UserCreationForm。UserCreationForm 是 Django 提供的一个表单类，它继承自 forms.ModelForm，并在其中已经定义好了一些用于创建用户的表单字段。

以下是 UserCreationForm 中默认包含的字段：

Username：用于输入用户名的字段；
Password1：用于输入密码的字段；
Password2：用于再次确认密码的字段。

当我们使用 UserCreationForm 创建用户注册表单时，只需要通过调用 form.as_p()、form.as_table() 或 form.as_ul() 方法，就可以将表单渲染成对应的 HTML，并且包含默认的字段。

自定义 UserCreationForm 的外观

要自定义 UserCreationForm 的外观，我们可以通过以下几种方式来实现。

1. 自定义字段

首先，我们可以通过继承 UserCreationForm，并添加自定义字段来实现外观的定制。

例如，如果我们希望在用户注册表单中增加一个字段用于输入用户的电话号码，我们可以创建一个新的表单类 NewUserCreationForm，并在其中添加 PhoneNumber 字段。

from django import forms
from django.contrib.auth.forms import UserCreationForm

class NewUserCreationForm(UserCreationForm):
    phone_number = forms.CharField(label='手机号码')

在上述例子中，我们通过继承 UserCreationForm，并添加了一个名为 phone_number 的字段，同时修改了字段的 label。

2. 修改字段属性

我们还可以通过修改字段属性来对 UserCreationForm 进行定制。

例如，如果我们希望将用户名字段修改为邮箱字段，并且限制密码长度为6位以上，我们可以修改 UserCreationForm 中的字段属性。

from django import forms
from django.contrib.auth.forms import UserCreationForm

class CustomUserCreationForm(UserCreationForm):
    def __init__(self, *args, **kwargs):
        super().__init__(*args, **kwargs)
        self.fields['username'].label = '邮箱'
        self.fields['password1'].min_length = 6

在上述例子中，我们通过重写 init 方法，并修改了 username 字段的 label 属性和 password1 字段的 min_length 属性。

3. 覆盖 UserCreationForm 的方法

最后，我们还可以通过覆盖 UserCreationForm 的方法来改变其行为和外观。

例如，如果我们希望在用户注册表单提交时发送一封欢迎邮件给用户，我们可以覆盖 UserCreationForm 的 save 方法，并在其中添加发送邮件的逻辑。

from django import forms
from django.contrib.auth.forms import UserCreationForm
from django.core.mail import send_mail

class WelcomeUserCreationForm(UserCreationForm):
    def save(self, commit=True):
        user = super().save(commit=False)
        if commit:
            user.save()
            send_mail(
                '欢迎加入我们的网站',
                '尊敬的用户，欢迎加入我们的网站！',
                'noreply@example.com',
                [user.email],
                fail_silently=True,
            )
        return user