1. 程式人生 > >Django -- 12.2.元件_forms拾遺

Django -- 12.2.元件_forms拾遺

知識預覽:

Django的forms元件

Django的modelform元件

Django的快取機制

Django的訊號

Django的序列化

Django的forms元件

請檢視上一章

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__,就是表示列出所有的欄位
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用起來是非常方便的,比如增加修改之類的操作。但是也帶來額外不好的地方,model和form之間耦合了。如果不耦合的話,mf.save()方法也無法直接提交儲存。 但是耦合的話使用場景通常侷限用於小程式,寫大程式就最好不用了。