快捷導航

django中模板繼承與ModelForm實例詳解

更新時間：2022年04月28日 11:55:43 作者：ST.hxiaogang

ModelForm類是form是組件中Form的一個子類,所以也是處理表單的,下面這篇文章主要給大家介紹了關(guān)于django中模板繼承與ModelForm的相關(guān)資料,文中通過實例代碼介紹的非常詳細,需要的朋友可以參考下

模板的繼承

完美在寫html的時候會發(fā)現(xiàn)，自己多個html文件中又好多東西是一樣的，包括靜插件的引入還有有些簡單的css樣式都不需要修改，這樣完美就可以引入有關(guān)模板來方便操作

{% load static %}
<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
    <link rel="stylesheet" href="{% static 'plugins/bootstrap-3.4.1-dist/css/bootstrap.css' %}" rel="external nofollow" >
</head>
<body>
<nav class="navbar navbar-default">...</nav>
<div>
    {% block content %}{% endblock %}
</div>
 
<script src="{% static 'js/jquery-3.5.1.min.js' %}"></script>
<script src="{% static 'plugins/bootstrap-3.4.1-dist/js/bootstrap.min.js' %}"></script>
</body>
</html>

比如我們可以在模板文件中引入，然后寫上{% block content %}{% endblock %}這樣有關(guān)語法，便可以在其它相似的html中直接書寫 div中的內(nèi)容

{% extends "layout.html" %}
{% block content %}
 
    <div class="container">
    ...
    </div>
{% endblock %}

form和ModelForm

在我們正常的操作中，如果想在有關(guān)列表中添加數(shù)據(jù)并且想要連接數(shù)據(jù)庫拿到這些數(shù)據(jù)，我們得根據(jù)表單中的 name 屬性來拿，比如我創(chuàng)建了這么多的數(shù)據(jù)數(shù)據(jù)

class UserInfo(models.Model):
    ''''員工表'''
    name = models.CharField(verbose_name="姓名",max_length=32)
    age = models.IntegerField(verbose_name="年齡")
    password = models.CharField(verbose_name="密碼",max_length=64)
    account = models.DecimalField(verbose_name="賬戶余額",max_digits=10,decimal_places=2,default=0)
    creat_time = models.DateTimeField(verbose_name="入職時間")

拿到數(shù)據(jù)，添加到數(shù)據(jù)庫中

user = request.POST.get("user")
pwg = request.POST.get("pwd")
account = request.POST.get("ac")
ctime = request.POST.get("ctime")
# get中的內(nèi)容是用戶輸入表單中的name的屬性值，可以自己定義
 
models.UserInfo.object.creat(name=user,password=pwd ......)

這樣做未免過于繁瑣并且有這樣的問題

-----用戶提交的數(shù)據(jù)沒有校驗

-----頁面上沒有錯誤提示

-----頁面上的每個字段都需要我們重新寫一遍

-----關(guān)聯(lián)的數(shù)據(jù)，必須手動獲取并展示在頁面中

但是我們通過django中自帶的兩個組件：Form和ModleForm

使用方法

view中

from django import forms
class UserAdd(forms.ModelForm):   #創(chuàng)建一個類，類中繼承forms
    name = forms.CharField(min_length=3)    
    #這里可以創(chuàng)建各類表單，也寫一些約束條件，讓html頁面顯示約束條件，因為我在我的django中已經(jīng)在models中創(chuàng)建好了數(shù)據(jù)表，所有我在這里不再創(chuàng)建，在下面直接拿到我的數(shù)據(jù)表
 
    title = forms.CharField(max_length=100, label='標題')
    content = forms.CharField(widget=forms.Textarea, label='內(nèi)容')
    email = forms.EmailField(label='郵箱')
    reply = forms.BooleanField(required=False, label='回復')
 
    #拿到數(shù)據(jù)表
    class Meta:
        model = models.UserInfo
        fields = ["name","password","age","creat_time","gender","depart"]
 
def user_add(request):
    '''添加用戶'''
    if request.method == "GET":
        form = UserAdd()
        return render(request,"user_add.html",{'form': form})

html中利用for循環(huán)便可以自動生成表單

<form method="post" novalidate>
    {% csrf_token %}
    {% for field in form %}
      <div class="form-group">
        <label>{{ field.label }}</label>
        {{ field }}
      </div>
    {% endfor %}

我們也可以給表單加上各種樣式

widgets = {
    "name" : forms.TextInput(attrs={"class":"form-control"}),
        }
#這樣寫可能會有點繁瑣，得多次定義，我們可以用類和面向?qū)ο髞韺?
    def __init__(self,*args,**kwargs):
        super().__init__(*args,**kwargs)
        for name,field in self.fields.items():
#也可以加上判斷條件
    def __init__(self,*args,**kwargs):
        super().__init__(*args,**kwargs)
        for name,field in self.fields.items():
            if name == "password":
                continue
            field.widget.attrs = {"class": "form-control"}

我們還可以加上各種判斷

def user_add(request):
    '''添加用戶'''
    if request.method == "GET":
        form = UserAdd()
        return render(request,"user_add.html",{'form': form})
 
    form = UserAdd(data=request.POST)
    #如果條件成立則添加到數(shù)據(jù)庫中
    if form.is_valid():
        form.save()
        return redirect('/user/list/')
    else:
        return render(request,"user_add.html",{'form': form})

在這里，用一句 form.save()便可以將所有你寫的數(shù)據(jù)添加到數(shù)據(jù)庫里

html中也可以顯示各種錯誤，并加上各種條件，如這里的span標簽

{% for field in form %}
    <div class="form-group">
        <label>{{ field.label }}</label>
        {{ field }}
        <span style="color:red">{{ field.errors.0 }}</span>
    </div>
{% endfor %}

查看我們的輸出結(jié)果,若滿足條件則可以加入數(shù)據(jù)庫，不滿足則顯示錯誤