第24天,Django之ModelForm

一. 创建一个ModelForm

1.1 使用之前需要导入对应app中的models和Django提交的ModelForm类

from django.forms import ModelForm
from app01.models import Host
from django.forms import widgets           #插件,接下来会用到
from django.core.exceptions import ValidationError         

1.2 创建一个类,并继承ModelForm

class HostModelForm(ModelForm):             #新建1个类,继承ModelForm
    class Meta:                             #在内部定义一个Meta类,注意这个类名是固定不变的
        model = Host                        #对应models.py中哪个类(哪个表)
        fields = '__all__'                  #表示使用models.Host类中所有字段
        # fields = ('hostname','ip','port','dep')    #也可以这样选择指定字段

ModelForm常用的class Meta配置

class Meta:
        model = models.UserInfo            #结尾不用加逗号
        fields = '__all__'
        # fields =  ['username','email']
        # exclude = ['username']            # 除了 XX字段,其他都使用
        labels = {                          # label 名称
            'username': '用户名',
            'email': '邮箱',
        }
        help_texts = {                     # 帮助信息
            'username': '...'
        }
        widgets = {
            'username': Fwidgets.Textarea(attrs={'class': 'c1'})
        }
        error_messages = {                       # 自定义错误
            '__all__':{

            },
            'email': {
                'required': '邮箱不能为空',
                'invalid': '邮箱格式错误..',
            }
        }
        field_classes = {                         #字段类型,可以强制修改成其他类型
            # 'email': Ffields.URLField
        }

        # localized_fields=('ctime',)

二. ModelForm生成Html和数据验证

2.1 生成空表单

forms = HostModelForm()     # 生成空的表单

2.2 在表单中显示初始数据

hostobj =models.Host.objects.get(id=1)
forms = HostModelForm(instance = hostobj)          # instance  对应模型实例 

2.3 验证表单数据并保存

forms = HostModelForm(request.POST)
if forms.is_valid():              # 验证成功则保存modelsform
    forms.save()                  # 这一步会直接将数据保存至数据库

注意:此时,forms.save()不仅保存当前对象实例,还保存实例对应跨表关系(外键、多对多等)

三. 前端页面展示form表

在模版中展示指定字段

<form method="post" novalidate>
    {% csrf_token %}
    <p>{{ forms.hostname.label }}:&nbsp;{{ forms.hostname }}{{ forms.hostname.errors.0 }}</p>
    <p>{{ forms.ip.label }}:&nbsp;{{ forms.ip }}{{ forms.ip.errors.0 }}</p>
    <p>{{ forms.port.label }}:&nbsp;{{ forms.port }}{{ forms.port.errors.0 }}</p>
    <input type="submit" value="提交">
</form>

如果嫌上面这种方法麻烦,还可以在模版中循环forms实例,以列出每个字段

<form method="post" novalidate>
    {% csrf_token %}
    {% for form in forms %}
       <p>{{ form.label }}:&nbsp;{{ form }}{{ form.errors.0 }}</p>
    {% endfor %}
    <input type="submit" value="提交">
</form>

四. 示例

4.1 在app中创建一个forms.py

#!/usr/bin/env python
# -*- coding:utf-8 -*-
# Author : Cai Guangyin

from django.forms import ModelForm
from app01.models import Host
from django.forms import widgets
from django.core.exceptions import ValidationError


class HostModelForm(ModelForm):             #新建1个类,继承ModelForm
    class Meta:
        model = Host                        #对应models.py中哪个类(哪个表)
        fields = '__all__'                  #表示使用models.Host类中所有字段
        # fields = ('hostname','ip','port','dep')    #也可以这样选择指定字段
        error_messages = {                  #自定义错误提示信息
            'hostname':{
                'required':'用户名不能为空'
            },
            'ip':{
                'required':'IP不能为空',
                'invalid':'IP地址格式错误'
            },
            'port':{
                'required':'端口不能为空'
            },
            'dep': {
                'required': '部门不能为空'
            },
            'userinfo': {
                'required': '所属用户不能为空'
            },
        }
        labels = {                      #自定义label标签显示的内容
            'hostname':'主机名',
            'ip':'IP',
            'port':'端口',
            'dep':'部门',
            'userinfo':'所属用户'
        }
        widgets = {       # 自定义插件,注意必须加s,因为是复数,写widget不起作用
            'hostname': widgets.TextInput(attrs={'class':'form-control'}),
            'ip': widgets.TextInput(attrs={'class':'form-control'}),
            'port': widgets.TextInput(attrs={'class':'form-control'}),
            'dep': widgets.Select(attrs={'class':'form-control'}),
            'userinfo': widgets.SelectMultiple(attrs={'class':'form-control'}),
        }

    def clean_port(self):      #也可以自定义钩子函数对字段进行验证
        value = self.cleaned_data['port']
        if int(value) > 65535:
            raise ValidationError('端口号不能大于65535')
        return value

4.2 views.py

from django.shortcuts import render
from .models import *
from .forms import HostModelForm
# Create your views here.

def index(request):
    forms = HostModelForm()            #创建空表单
    if request.method == 'POST':
        forms = HostModelForm(request.POST)     #提交数据
        if forms.is_valid():                    #验证数据 
            forms.save()
    return render(request,'index.html',locals())

def edit_host(request):
    host_obj = Host.objects.filter(pk=1).first()
    forms = HostModelForm(instance=host_obj)   #编辑时显示默认数据
    if request.method == 'POST':
        # host_obj = Host.objects.filter(pk=1).first()
        # forms = HostModelForm(request.POST)    #向modelform中传递数据
        forms = HostModelForm(data=request.POST,instance=host_obj)  #编辑保存时,需要将data和instance都传入
        if forms.is_valid():
            forms.save()
    return render(request,'edithost.html',locals())

注意:在修改表单(表单中有初始值),提交验证时,需要传入datainstance两个参数,如:forms = HostModelForm(data=request.POST,instance=host_obj)

4.3 模版文件

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
</head>
<body>

<form method="post" novalidate>
    {% csrf_token %}
    {% for form in forms %}
       <p>{{ form.label }}:&nbsp;{{ form }}{{ form.errors.0 }}</p>
    {% endfor %}
    <input type="submit" value="提交">
</form>

</body>
</html>
©著作权归作者所有,转载或内容合作请联系作者
  • 序言:七十年代末,一起剥皮案震惊了整个滨河市,随后出现的几起案子,更是在滨河造成了极大的恐慌,老刑警刘岩,带你破解...
    沈念sama阅读 205,236评论 6 478
  • 序言:滨河连续发生了三起死亡事件,死亡现场离奇诡异,居然都是意外死亡,警方通过查阅死者的电脑和手机,发现死者居然都...
    沈念sama阅读 87,867评论 2 381
  • 文/潘晓璐 我一进店门,熙熙楼的掌柜王于贵愁眉苦脸地迎上来,“玉大人,你说我怎么就摊上这事。” “怎么了?”我有些...
    开封第一讲书人阅读 151,715评论 0 340
  • 文/不坏的土叔 我叫张陵,是天一观的道长。 经常有香客问我,道长,这世上最难降的妖魔是什么? 我笑而不...
    开封第一讲书人阅读 54,899评论 1 278
  • 正文 为了忘掉前任,我火速办了婚礼,结果婚礼上,老公的妹妹穿的比我还像新娘。我一直安慰自己,他们只是感情好,可当我...
    茶点故事阅读 63,895评论 5 368
  • 文/花漫 我一把揭开白布。 她就那样静静地躺着,像睡着了一般。 火红的嫁衣衬着肌肤如雪。 梳的纹丝不乱的头发上,一...
    开封第一讲书人阅读 48,733评论 1 283
  • 那天,我揣着相机与录音,去河边找鬼。 笑死,一个胖子当着我的面吹牛,可吹牛的内容都是我干的。 我是一名探鬼主播,决...
    沈念sama阅读 38,085评论 3 399
  • 文/苍兰香墨 我猛地睁开眼,长吁一口气:“原来是场噩梦啊……” “哼!你这毒妇竟也来了?” 一声冷哼从身侧响起,我...
    开封第一讲书人阅读 36,722评论 0 258
  • 序言:老挝万荣一对情侣失踪,失踪者是张志新(化名)和其女友刘颖,没想到半个月后,有当地人在树林里发现了一具尸体,经...
    沈念sama阅读 43,025评论 1 300
  • 正文 独居荒郊野岭守林人离奇死亡,尸身上长有42处带血的脓包…… 初始之章·张勋 以下内容为张勋视角 年9月15日...
    茶点故事阅读 35,696评论 2 323
  • 正文 我和宋清朗相恋三年,在试婚纱的时候发现自己被绿了。 大学时的朋友给我发了我未婚夫和他白月光在一起吃饭的照片。...
    茶点故事阅读 37,816评论 1 333
  • 序言:一个原本活蹦乱跳的男人离奇死亡,死状恐怖,灵堂内的尸体忽然破棺而出,到底是诈尸还是另有隐情,我是刑警宁泽,带...
    沈念sama阅读 33,447评论 4 322
  • 正文 年R本政府宣布,位于F岛的核电站,受9级特大地震影响,放射性物质发生泄漏。R本人自食恶果不足惜,却给世界环境...
    茶点故事阅读 39,057评论 3 307
  • 文/蒙蒙 一、第九天 我趴在偏房一处隐蔽的房顶上张望。 院中可真热闹,春花似锦、人声如沸。这庄子的主人今日做“春日...
    开封第一讲书人阅读 30,009评论 0 19
  • 文/苍兰香墨 我抬头看了看天上的太阳。三九已至,却和暖如春,着一层夹袄步出监牢的瞬间,已是汗流浃背。 一阵脚步声响...
    开封第一讲书人阅读 31,254评论 1 260
  • 我被黑心中介骗来泰国打工, 没想到刚下飞机就差点儿被人妖公主榨干…… 1. 我叫王不留,地道东北人。 一个月前我还...
    沈念sama阅读 45,204评论 2 352
  • 正文 我出身青楼,却偏偏与公主长得像,于是被迫代替她去往敌国和亲。 传闻我的和亲对象是个残疾皇子,可洞房花烛夜当晚...
    茶点故事阅读 42,561评论 2 343

推荐阅读更多精彩内容