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的关系是兄弟 ...

随机推荐

Divide by Zero 2017 and Codeforces Round #399 (Div. 1 + Div. 2, combined) A B 水搜索
A. Oath of the Night's Watch time limit per test 2 seconds memory limit per test 256 megabytes input ...
Educational Codeforces Round 60 (Rated for Div. 2) 题解
Educational Codeforces Round 60 (Rated for Div. 2) 题目链接:https://codeforces.com/contest/1117 A. Best ...
tcpdump抓取ftp密码
步骤: 1.登陆ftp服务器,执行命令: tcpdump -i wlan0 -w password.bin -c 500 port 21 2.有人登陆后,执行: tcpdump -v -XX -r p ...
lightoj 1341
lightoj 1341 Aladdin and the Flying Carpet 链接:http://lightoj.com/volume_showproblem.php?problem=134 ...
WPF DataGrid、ListView 简单绑定
DataGrid运行效果: xaml 代码: DataGridName= dtgData ItemsSource= {Binding} AutoGenerateColumns= False DataG ...
android极光推送初步了解
推送可以及时,主动的与用户发起交互 (1)继承jar包,照示例AndroidManifest.xml添加. (2)自定义MyApp继承自Application,在onCreate方法中调用JPushI ...
Flask 应用上下文和请求上线文原理图
.NET RabbitMQ
在企业应用系统领域,会面对不同系统之间的通信.集成与整合,尤其当面临异构系统时,这种分布式的调用与通信变得越发重要.其次,系统中一般会有很多对实时性要求不高的但是执行起来比较较耗时的地方,比如发送短 ...
【Foreign】数据结构C [线段树]
数据结构C Time Limit: 20 Sec Memory Limit: 512 MB Description Input Output Sample Input Sample Output H ...
UOJ#21 【UR #1】缩进优化
传送门 http://uoj.ac/problem/21 枚举 (调和级数?) $\sum_{i=1}^{n} (a_i / x + a_i \bmod x) =\sum a_i - (\sum_{i ...