Django的model form组件

　　这是一个神奇的组件，通过名字我们可以看出来，这个组件的功能就是把model和form组合起来，先来一个简单的例子来看一下这个东西怎么用：比如我们的数据库中有这样一张学生表，字段有姓名，年龄，爱好，邮箱，电话，住址，注册时间等等一大堆信息，现在让你写一个创建学生的页面，你的后台应该怎么写呢？首先我们会在前端一个一个罗列出这些字段，让用户去填写，然后我们从后天一个一个接收用户的输入，创建一个新的学生对象，保存其实，重点不是这些，而是合法性验证，我们需要在前端判断用户输入是否合法，比如姓名必须在多少字符以内，电话号码必须是多少位的数字，邮箱必须是邮箱的格式这些当然可以一点一点手动写限制，各种判断，这毫无问题，除了麻烦我们现在有个更优雅（以后在Python相关的内容里，要多用“优雅”这个词，并且养成习惯）的方法：ModelForm先来简单的，生硬的把它用上，再来加验证条件。

创建modelform

#首先导入ModelForm

from django.forms import ModelForm

#在视图函数中，定义一个类，比如就叫StudentList，这个类要继承ModelForm，在这个类中再写一个原类Meta（规定写法，并注意首字母是大写的）

#在这个原类中，有以下属性（部分）：

class StudentList(ModelForm):

    class Meta:

        model =Student #对应的Model中的类

        fields = "__all__" #字段，如果是__all__,就是表示列出所有的字段，注意：这是个字符串
　　　　　# fields = ['字段1','字段2',...]  或者这种用法，把需要展示的字段添加到这个列表中

        exclude = None #排除的字段

        #error_messages用法：

        error_messages = {

        'name':{'required':"用户名不能为空",},

        'age':{'required':"年龄不能为空",},

        }  # 注意格式：字典中每个字段对应的报错展示信息也是个字典

        #widgets用法,比如把输入用户名的input框给为Textarea

        #首先得导入模块

        from django.forms import widgets as wid #因为重名，所以起个别名

        widgets = {

        "name":wid.Textarea(attrs={"class":"c1"}) #还可以自定义属性

        }

        #labels，自定义在前端显示的名字

        labels= {

        "name":"用户名"

        }

然后在url对应的视图函数中实例化这个类，把这个对象传给前端

def student(request):

    if request.method == 'GET':

        student_list = StudentList()

        return render(request,'student.html',{'student_list':student_list})

然后前端只需要 {{ student_list.as_p }} 一下，所有的字段就都出来了，可以用as_p显示全部，也可以通过for循环这
student_list，拿到的是一个个input框，现在我们就不用as_p，手动把这些input框搞出来，as_p拿到的页面太丑。
首先
for循环这个student_list，拿到student对象，直接在前端打印这个student，是个input框student.label
，拿到数据库中每个字段的verbose_name ,如果没有设置这个属性，拿到的默认就是字段名，还可以通过student.errors.0
拿到错误信息有了这些，我们就可以通过bootstrap，自己拼出来想要的样式了，比如：

<body>

<div class="container">

    <h1>student</h1>

    <form method="POST" novalidate>

        {% csrf_token %}

        {# {{ student_list.as_p }}#}

        {% for student in student_list %}

            <div class="form-group col-md-6">

                {# 拿到数据字段的verbose_name,没有就默认显示字段名 #}

                <label class="col-md-3 control-label">{{ student.label }}</label>

                <div class="col-md-9" style="position: relative;">{{ student }}</div>

            </div>

        {% endfor %}

        <div class="col-md-2 col-md-offset-10">

            <input type="submit" value="提交" class="btn-primary">

        </div>

    </form>

</div>

</body>

现在还缺一个input框的form-contral样式，可以考虑在后台的widget里面添加
比如这样：

from django.forms import widgets as wid #因为重名，所以起个别名

widgets = {

"name":wid.TextInput(attrs={'class':'form-control'}),

"age":wid.NumberInput(attrs={'class':'form-control'}),

"email":wid.EmailInput(attrs={'class':'form-control'})

}

当然也可以在js中，找到所有的input框，加上这个样式，也行。

添加纪录

保存数据的时候，不用挨个取数据了，只需要save一下

def student(request):

    if request.method == 'GET':

         student_list = StudentList()

         return render(request,'student.html',{'student_list':student_list})

    else:

         student_list = StudentList(request.POST)

         if student_list.is_valid():

         student_list.save()

         return redirect(request,'student_list.html',{'student_list':student_list})

编辑数据

　　如果不用ModelForm，编辑的时候得显示之前的数据吧，还得挨个取一遍值，如果ModelForm，只需要加一个instance=obj（obj是要修改的数据库的一条数据的对象）就可以得到同样的效果
保存的时候要注意，一定要注意有这个对象（instance=obj），否则不知道更新哪一个数据
代码示例：

from django.shortcuts import render,HttpResponse,redirect

from django.forms import ModelForm

# Create your views here.

from app01 import models

def test(request):

    # model_form = models.Student

    model_form = models.Student.objects.all()

    return render(request,'test.html',{'model_form':model_form})

class StudentList(ModelForm):

    class Meta:

        model = models.Student #对应的Model中的类

        fields = "__all__" #字段，如果是__all__,就是表示列出所有的字段

        exclude = None #排除的字段

        labels = None #提示信息

        help_texts = None #帮助提示信息

        widgets = None #自定义插件

        error_messages = None #自定义错误信息

        #error_messages用法：

        error_messages = {

        'name':{'required':"用户名不能为空",},

        'age':{'required':"年龄不能为空",},

        }

        #widgets用法,比如把输入用户名的input框给为Textarea

        #首先得导入模块

        from django.forms import widgets as wid #因为重名，所以起个别名

        widgets = {

        "name":wid.Textarea

        }

        #labels，自定义在前端显示的名字

        labels= {

        "name":"用户名"

        }

def student(request):

    if request.method == 'GET':

        student_list = StudentList()

        return render(request,'student.html',{'student_list':student_list})

    else:

        student_list = StudentList(request.POST)

        if student_list.is_valid():

            student_list.save()

            return render(request,'student.html',{'student_list':student_list})

def student_edit(request,pk):

    obj = models.Student.objects.filter(pk=pk).first()

    if not obj:

        return redirect('test')

    if request.method == "GET":

        student_list = StudentList(instance=obj)

        return render(request,'student_edit.html',{'student_list':student_list})

    else:

        student_list = StudentList(request.POST,instance=obj)

        if student_list.is_valid():

            student_list.save()

            return render(request,'student_edit.html',{'student_list':student_list})

备注：使用ModelForm添加和编辑数据时，一定要避开ManyToMany字段中的指定第三张表的这种方式。当字段中包含这种方式时，处理方法为：

　　在添加和编辑页面时，在执行ModelForm对象form_obj.save（）时，指定一个参数 form_obj.save(commit=Fasle)，这样就不会直接存储到数据库中，我们可以得到一个数据对象 data_obj = form_obj.save(commit=False)，或者在存之前，对数据进行筛选，过滤出这个字段，先对其他字段进行存储，在单独对这个字段做存储处理

比如：

   def add(self, request):

        show_url = self.get_show_url()

        app_name = self.model._meta.app_label

        model_name = self.model._meta.model_name

        model_form_class = self.get_model_form_class()

        form_obj = model_form_class()

        if request.method == 'POST':

            form_obj = model_form_class(request.POST)

            if form_obj.is_valid():

                del_list = {}

                print(form_obj.cleaned_data)

                for k,v in form_obj.cleaned_data.items():

                    if isinstance(v,QuerySet):

                        del_list[k] = v

                for i in del_list:

                    form_obj.cleaned_data.pop(i)

                print(del_list)

                add_obj = form_obj.save(commit=False)

                add_obj.save()

                for m,n in del_list.items():

                    for tag in n:

                        models.Article2Tag.objects.create(article=add_obj,tag=tag)

                return redirect(self.get_show_url())

        return render(request, 'add.html', locals())

    def edit(self, request, pk):

        edit_obj = self.model.objects.filter(pk=pk).first()

        model_form_class = self.get_model_form_class()

        form_obj = model_form_class(instance=edit_obj)

        if request.method == 'POST':

            form_obj = model_form_class(request.POST, instance=edit_obj)

            if form_obj.is_valid():

                del_list = {}

                print(form_obj.cleaned_data)

                for k, v in form_obj.cleaned_data.items():

                    if isinstance(v, QuerySet):

                        del_list[k] = v

                for i in del_list:

                    form_obj.cleaned_data.pop(i)

                add_obj = form_obj.save(commit=False)

                add_obj.save()

                try:

                    ret = edit_obj.tags.all()

                    for tag in del_list['tags']:

                        if tag not in ret:

                            models.Article2Tag.objects.create(article=add_obj, tag=tag)

                except Exception as e:

                    pass

                return redirect(self.get_show_url())

        return render(request, 'edit.html', locals())

　　总结：从上边可以看到ModelForm用起来是非常方便的，比如增加修改之类的操作。但是也带来额外不好的地方，model和form之间耦合了。如果不耦合的话，mf.save()方法也无法直接提交保存。但是耦合的话使用场景通常局限用于小程序，写大程序就最好不用了。

Django基础之forms组件中的ModelForm组件的更多相关文章

{Django基础六之ORM中的锁和事务}一锁二事务
Django基础六之ORM中的锁和事务本节目录一锁二事务一锁行级锁 select_for_update(nowait=False, skip_locked=False) #注意必须用在 ...
day 71 Django基础六之ORM中的锁和事务
Django基础六之ORM中的锁和事务本节目录一锁二事务三 xxx 四 xxx 五 xxx 六 xxx 七 xxx 八 xxx 一锁行级锁 select_for_update(no ...
day 58 Django基础六之ORM中的锁和事务
Django基础六之ORM中的锁和事务本节目录一锁二事务三 xxx 四 xxx 五 xxx 六 xxx 七 xxx 八 xxx 一锁行级锁 select_for_update( ...
vue组件之间的通信以及如何在父组件中调用子组件的方法和属性
在Vue中组件实例之间的作用域是孤立的,以为不能直接在子组件上引用父组件的数据,同时父组件也不能直接使用子组件的数据一.父组件利用props往子组件传输数据父组件: <div> < ...
Element Tabs 组件中使用 ve-histogram组件渲染不出来（已解决）
Element Tabs 组件中使用 ve-histogram组件渲染不出来发现问题提了issue,饿了么前端“西瓜”同学很快做了回复,饿了么大前端团队有沉淀很专业,赞. tip: GitHub 的 ...
React Hooks中父组件中调用子组件方法
React Hooks中父组件中调用子组件方法使用到的hooks-- useImperativeHandle,useRef /* child子组件 */ // https://reactjs.org ...
vue 父组件中调用子组件函数
2019/06/06 在父组件中调用子组件的方法: 1.给子组件定义一个ref属性.eg:ref="childItem" 2.在子组件的methods中声明一个函数.eg: u ...
vue父组件中获取子组件中的数据
<FormItem label="上传头像" prop="image"> <uploadImg :width="150" ...
react：在一个组件中调用别的组件中的方法
先介绍一下要解决的问题:react中一个组件A和一个组件B,其中B是被connect(connect是redux中的方法)包装过的组件,包装成BContainer,A和BContainer的关系是兄弟 ...

随机推荐

HDOJ.1051 Wooden Sticks (贪心)
Wooden Sticks 点我挑战题目题意分析给出T组数据,每组数据有n对数,分别代表每个木棍的长度l和重量w.第一个木棍加工需要1min的准备准备时间,对于刚刚经加工过的木棍,如果接下来的木棍 ...
从零开始学Linux系统（一）之引导流程解析
Linux系统:分时多用户多任务的操作系统: Linux系统引导流程: inittab配置文件中: 定义了linux系统的运行的7个级别:从0~6 0.6:分别代表关机和重启,不建议设置为默认的运行级 ...
JavaScript中Unicode值转字符
在JavaScript中,将Unicode值转字符的方法: <!DOCTYPE html> <html> <head> <meta charset=" ...
LoaderManager与CursorLoader用法
一.基本概念 1.LoaderManager LoaderManager用来负责管理与Activity或者Fragment联系起来的一个或多个Loaders对象. 每个Activity或者Fragme ...
双向数据绑定实现之Object.defineProperty
vue.js利用的是es5的 defineproperty 特性实现的双向数据绑定,了解一下基本原理. 举例 var person= {}; Object.defineProperty(person, ...
Jade模板引擎学习（二）语法：代码、变量、循环、过滤器及mixin
Jade语法一.代码不会被缓冲代码 ul - for(var i=0; i; i++) li Jade Engine 会转换为: <ul> <li>Jade Engine& ...
Axis2 WebService(配置、发布、调用)
准备工作 1.下载:axis2-1.5.4-bin.zip,axis2-1.5.4-war.zip 下载地址:http://axis.apache.org/axis2/java/core/ 2.环境变 ...
intellij idea 破解补丁激活
一.说明 idea激活可以用JetBrains account,Activation Code注册码或者填License server网址,使用注册码的方式可以参考lanyun提供的注册码,但是有效时 ...
【转载】VS2013安装需要IE10
因为需要移动办公,需要给笔记本搭建编程环境.安装VS2013时遇到了小麻烦,提示我,需要安装IE10. 然后我很听话的按照提供的超链接,到了官网,下载了最新的IE11,然后安装,结果告诉我下载的IE版 ...
HTML -- get与post提交方式的区别 -- （转）
在写代码过程中,get与post是两种不同的提交方式.下面,列举出两种方式的不同. 方法/步骤 get是从服务器上获取数据,post是向服务器传送数据. get是把参数数据队列加到提交表单的A ...