摘要：原文地址關于在同個頁面多個表單提交的問題實際上是項目中遇到的個小問題。實際關于在個頁面提交多個表單的問題實際上問題不是很多只要解決了渲染和提交時處理的問題實際這個問題就迎刃而解了。

原文地址:

http://52sox.com/how-to-handl...

關于在同1個頁面多個表單提交的問題,實際上是項目中遇到的1個小問題。關于這個問題,主要有2個需要解決的問題:

多個表單的渲染問題

多個表單提交時外鍵的處理問題

下面我們分別進行說明。
當時在建模的時候使用了類似如下的方式:

from django.db import models

class Store(models.Model):
    name = models.CharField("名稱", max_length=20)
    first = models.FloatField("首重")
    additional = models.FloatField("次重")
    img = models.ImageField("圖片", upload_to="store/1")

class Depot(models.Model):
    s_name = models.ForeignKey(Store, verbose_name="倉庫")
    src = models.CharField("始發地", max_length=20)
    dest = models.CharField("目的地", max_length=20)
    days = models.PositiveSmallIntegerField("需要的天數")

class Address(models.Model):
    s_name = models.ForeignKey(Store, verbose_name="倉庫")
    country = models.CharField("國家", max_length=20)
    state = models.CharField("省份", max_length=10)
    city = models.CharField("城市", max_length=10)
    description = models.TextField("描述", blank=True)

在這里,1個倉庫的數據主要由3個表組成,分別為它的一些基礎信息,可以配送的范圍、天數及其他一些附加信息組成。然后其頁面如下所示:

而公司的需求就是我們要在商戶端上讓客戶在創建倉庫時填寫上述的內容,由于我比較懶,而公司給出的時間也不是很充裕,于是直接使用ModelForm來實現,而不需要一一的創建表單了。換句話說,我們要將多個模型表在同1個頁面中渲染出來,對于這樣的問題,主要有4種解決的方案:

在1個form組件中使用多個模型表單類

使用django提供的modelform_factory來解決

使用第3方插件django-betterforms或django-multipleformwizard這樣的插件

使用元類,然后繼承BaseForm進行表單的重寫。

這里我們使用第1種解決方案來實現多個表單渲染的問題。
這里我們在forms模塊下新建3個模型表單類:

from django.forms import ModelForm
from models import Store, Address, Depot

class StoreForm(ModelForm):
    class Meta:
        model = Store
        fields = "__all__"

class AddressForm(ModelForm):
    class Meta:
        model = Address
        exclude = ["s_name"]

class DepotForm(ModelForm):
    class Meta:
        model = Depot
        exclude = ["s_name"]

然后在視圖中引入這3個表單:

from django.shortcuts import render_to_response, HttpResponseRedirect
from django.template import RequestContext
from forms import StoreForm, AddressForm, DepotForm

def store_add(req):
    if req.method == "POST":
       ...
    else:
        sf = StoreForm()
        af = AddressForm()
        df = DepotForm()
    return render_to_response("store_add.html", {
        "sf": sf, "af": af, "df": df,
    }, context_instance=RequestContext(req))

默認情況下,我們先將對應的表單渲染出來先。在這里我們往模板中輸出了多個變量,然后在模板中手動進行如下的處理:

        {% csrf_token %}
        {{ sf.as_p }}
          {{ df.as_p }}
          {{ af.as_p }}
          

在這里,我們在1個表單中輸出多個表單,其頁面如下所示:

可以看到其效果與后臺的頁面相差不是很大,只是沒有對應的樣式而已。

接著我們需要處理多個表單提交時的處理問題。

def store_add(req):
    if req.method == "POST":
        sf = StoreForm(req.POST, req.FILES)
        af = AddressForm(req.POST)
        df = DepotForm(req.POST)
        if sf.is_valid() and af.is_valid() and df.is_valid():
            sf.save()
            df.save()
            af.save()
            return HttpResponseRedirect("store")
    ...

在這里我們直接對這3個表單進行保存,結果出現了這樣1個錯誤。

NOT NULL constraint failed: app_depot.s_name_id

由于我們使用了1個外鍵進行了約束,而使用上述的方式會導致數據表中的s_name_id的字段數值為NULL,從而導致了錯誤。而上述的方式時直接就提交給數據庫了,導致后面的外鍵無法被滿足。為了解決這個問題,我們采用延遲提交給數據庫的方式:

def store_add(req):
    if req.method == "POST":
        ...
        if sf.is_valid() and af.is_valid() and df.is_valid():
            form = sf.save(commit=False)
            sf.save()
            dform = df.save(commit=False)
            dform.s_name = form
            dform.save()
            aform = af.save(commit=False)
            aform.s_name = form
            aform.save()
            return HttpResponseRedirect("store")
    else:
        ...

在這里,我們先讓第1張表先不提交,將其保存為1個變量form中。而第2個張表也先不提交,我們將其實例的s_name修改為之前的第1張表返回的結果,然后再進行保存。這樣我們就實現了多張表的依賴導致的問題了。最后我們使用重定向的方式將成功添加后的頁面跳轉到該商戶的倉庫列表中。
其跳轉后的頁面如下所示:

這樣我們就解決了在1個頁面提交多個表單的問題。
實際關于Django在1個頁面提交多個表單的問題,實際上問題不是很多,只要解決了渲染和提交時處理的問題,實際這個問題就迎刃而解了。重要的是如何拆分問題和解決問題的思路。

參考文章:

http://stackoverflow.com/ques...