十四、Django之添加用户（django组件Form/ModelForm实现）-CSDN博客

原始方法与Form/ModelForm组件实现的对比

原始方法实现的缺点有

• 用户提交数据没有校验
• 用户输错信息页面上没有错误提示
• html文件中每个字段都需要重写
• 关联的数据是手动获取并循环展示在页面

Form组件实现的优点有
django帮助完成前三点第四点手动少量代码完成。

ModelForm实现的优点有
django帮助完成全部四点。

Form实现

可以见资源的Form压缩包

ModelForm实现

Models.py

注意这里UserInfo里每个字段最好都加上verbose_name后期有用。
同时给Department类里加个__str__函数返回title。

class Department(models.Model):
    title = models.CharField(verbose_name="标题", max_length=32)

    def __str__(self):
        return self.title

class UserInfo(models.Model):
    name = models.CharField(verbose_name="姓名", max_length=32)
    password = models.CharField(verbose_name="密码", max_length=64)
    age = models.IntegerField(verbose_name="年龄")
    account = models.DecimalField(verbose_name="账户余额", max_digits=10, decimal_places=2, default=0)
    create_time = models.DateTimeField(verbose_name="入职时间")
    gender_choices = (
        (1, "男"),
        (2, "女"),
    )
    gender = models.SmallIntegerField(verbose_name="性别",choices=gender_choices)
    depart = models.ForeignKey(verbose_name="职位", to="Department", to_field="id", on_delete=models.CASCADE)

views.py

MyForm类

class MyForm(ModelForm):
    class Meta:
        model = UserInfo
        fields = {"name","password","age","account","create_time","gender","depart"}

首先需要实现一个MyForm类参数是ModelForm在这个类里还有一个Meta类。
Meta类底下有两个字段第一个字段是model值是想要映射的models类。第二个字段是fields值是想要具体映射的models类里面的值达到了自动获取数据的目的。

user_add

如果为GET请求实例化一个MyForm对象form然后直接传入模板即可达到了自动循环展示数据在页面的目的。
如果为POST请求实例化一个data为POST的MyForm对象form。该form对象自动提供了一个判断是否为空的函数is_valid()达到了校验用户提交数据是否为空的目的。同时form对象自动提供了一个save函数达到了自动更新数据库的目的。

def user_add(request):
    if request.method=="GET":
        form = MyForm()
        return render(request, "user_add.html", {"form": form})

    form = MyForm(data=request.POST)
    if form.is_valid():
        form.save()

    else:
        print(form.errors)
    return render(request, "user_add.html",{"form": form})

views.py完整代码

其中的def __init__部分代码是用来循环添加样式的

class MyForm(ModelForm):
    name = forms.CharField(min_length=3, label='用户名')

    class Meta:
        model = UserInfo
        fields = {"name","password","age","account","create_time","gender","depart"}

    def __init__(self, *args, **kwargs):
        super().__init__(*args, **kwargs)

        # 循环找到所有实例对象给其加上样式
        for name, field in self.fields.items():
            if name == "test":
                continue
            # 如果想要某个对象不加该样式判断名字即可。
            field.widget.attrs = {"class": "form-control", "placeholder": field.label}


def user_add(request):
    if request.method=="GET":
        form = MyForm()
        return render(request, "user_add.html", {"form": form})

    form = MyForm(data=request.POST)
    if form.is_valid():
        print(form.cleaned_data)
        # {'name': 'yaqin Shan', 'age': 20, 'depart': <Department: IT部门>, 'create_time': datetime.datetime(2020, 1, 11, 0, 0, tzinfo=zoneinfo.ZoneInfo(key='UTC')), 'account': Decimal('10'), 'password': '666', 'gender': 2}
        form.save()

    else:
        print(form.errors)
    return render(request, "user_add.html",{"form": form})

user_add.html

novalidate是用来关闭浏览器的自动校验提交数据的
{{ field.label }}能让django拿到models里UserInfo定义时每个字段的verbose_name的值
{{ field }}说明field传入模板后django自动将其转换成了html标签且注意像是性别这种含有元组的代码django会自动识别成选择下拉标签职位这种有外键的代码django也会自动识别成选择下拉标签。
{{ field.errors.0 }}说明django会自动封装报错信息给field我们只需要拿到第一个即可。

{% extends 'layout.html' %}
{% block content %}
    <div class="container">
        <div class="panel panel-default">
            <div class="panel-heading">
                <h3 class="panel-title">新建用户</h3>
            </div>
            <div class="panel-body">
                <form method="post" novalidate>
                    {% csrf_token %}
                    {% for field in form %}
                        <div class="form-group">
                        <label>{{ field.label }}</label>
                        {{ field }}
                        <span style="color: red">{{ field.errors.0 }}</span>
                        </div>
                    {% endfor %}
                    <button type="submit" class="btn btn-primary">提 交</button>
                </form>
            </div>
        </div>
    </div>
{% endblock %}

settings.py

最后如果想要页面显示的错误信息是中文的话只需要settings.py中修改成LANGUAGE_CODE = "zh-hans"即可。