Django 組件-ModelForm

ModelForm

組件功能就是把model和form組合起來.html

首先導入ModelForm前端

from django.forms import ModelForm

在視圖函數中,定義一個類,好比就叫StudentList,這個類要繼承ModelForm,在這個類中再寫一個原類Meta(規定寫法,並注意首字母是大寫的)數據庫

在這個原類中,有如下屬性(部分):django

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(attrs={"class":"c1"})  #還能夠自定義屬性
}
#labels,自定義在前端顯示的名字
        labels = {
                 "name":"用戶名"  
}

若是想增長一個字段,就在class Meta 以前寫這個字段bootstrap

而後在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拿到的頁面太醜。app

首先 for循環這個student_list,拿到student對象,直接在前端打印這個student,是個input框ide

student.label  ,拿到數據庫中每一個字段的verbose_name ,若是沒有設置這個屬性,拿到的默認就是字段名函數

還能夠經過student.errors.0 拿到錯誤信息,還有student.field,是拿到每一個字段,若是這個字段是多對多字段,還能stuent.field.queryset,拿到全部關聯的字段,還能stuent.field.queryset.model,拿到全部關聯的字段的類ui

有了這些,咱們就能夠經過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-control樣式,能夠考慮在後臺的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})
View Code

對於驗證規則,不少瀏覽器都比較智能,會自動幫咱們作一些驗證,能夠在form表單上加  novalidate 屬性就能夠不讓瀏覽器爲咱們作驗證

ModelForm還支持全部form的功能,好比鉤子,因此咱們就能夠經過鉤子來自定義驗證規則

寫法和forms的寫法同樣:

class AuthorForm(forms.ModelForm):
    class Meta:
        model = Author
        fields = ('name', 'title')

    def clean_name(self):
        if ...
             return self.clean_data['name']
       else:
             raise ValidationError(‘sdgsadga’)
        ...
相關文章
相關標籤/搜索