Django ModelForm 未顯示在模板中

Question

我正在嘗試創建一個表單，使用戶能夠在產品缺貨時通過引導模式輸入他的 email。

但是，表單{{ form.as_p }}未顯示在模板上（見下圖）。

此外，我不確定如何在 Django 管理員端，每當用戶單擊提交時，如何傳入 Product.id 和 Product.name 以使其與 email 一起可見？

模型.py

class ReminderEmail(models.Model):
    product = models.ForeignKey(Product, on_delete=models.SET_NULL, blank=True, null=True)
    date_added = models.DateTimeField(auto_now_add=True)
    remindemail = models.CharField(max_length=200, null=True)

    def __str__(self):
        return self.email

forms.py

from django import forms

from .models import ReminderEmail

class EmailForm(forms.ModelForm):
    class Meta:
        model = ReminderEmail
        fields = [
            'remindemail'
        ]

視圖.py

from django.shortcuts import render

from django.http import JsonResponse
import json
import datetime

from .models import *
from .forms import *

def email_remind_view(request):
    form = EmailForm(request.POST or None)
    if form.is_valid():
        form.save()
    
    context = {
        'form' : form
    }

    return render(request, "store.html", context)

商店.html

<div id="stockModal" class="modal fade" role="dialog">
    <div class="modal-dialog modal-dialog-centered">
        <!-- Modal content-->
        <div class="modal-content">
            <form>
                <div id="modalheader" class="modal-header">
                    <h5 class="modal-title" id="exampleModalLongTitle">This product is Out of Stock</h5>
                </div>
                <div id="modalbody" class="modal-body">
                    <p>Enter your email to be reminded whenever this product goes back in stock.</p>
                </div>
                <div class="modal-footer">
                    <!-- <input required class="form-control" type="text" name="name" placeholder="Name.."> -->
                    {{ form.as_p }}
                    <input id="submitEmail" class="btn btn-success btn-block" type="submit" value="Submit Email">
                </div>

            </form>

        </div>
    </div>
</div>

<div class="row">

    {% for product in products %}
    <div class="col-lg-4">
        <img class="thumbnail" src="{{product.image.url}}">
        <div class="box-element product">
            <h6><strong>{{product.name}}</strong></h6>
            <h7>{{product.quantity}} left</h7>
            <!-- <h7 class="hidden" id="out-of-stock">Notify When Available</h7> -->
            <div id="content"></div>
            <hr>
            <button id="ATC" data-product={{product.id}} data-action="add"
                class="btn btn-outline-secondary add-btn update-cart">Add to Cart</button>
            <button id="Remind" data-product={{product.id}} class="btn btn-outline-secondary add-btn hidden">Notify Me
                When
                Available</button>
            <!-- <a class="btn btn-outline-success" href="#">View</a> -->
            <h4 id="price" style="display: inline-block; float: right">${{product.price|floatformat:2}}</h4>
        </div>
    </div>
    {% endfor %}
</div>

網址.py

from django.urls import path
from . import views

urlpatterns = [
    path('', views.store, name="store"),
    path('cart/', views.cart, name="cart"),
    path('checkout/', views.checkout, name="checkout"),

    path('update_item/', views.updateItem, name="update_item"),
    path('process_order/', views.processOrder, name="process_order"),

    path('email/', views.email_remind_view, name="email_remind_view"),
]

在 store.html 測試代碼

<form method="POST"></form>
    {% csrf_token %}
    {{ form.as_p }}
    <input id="submitEmail" type="submit" value="Submit Email">
</form>

任何幫助表示贊賞！

Answer 1

1. 在您的forms.py中，您缺少導入models ：

from .models import models, ReminderEmail

2. 如果你想傳遞Product.id和Product.name你需要在你的forms.py中聲明它們並將它們隱藏在你的 html 模板中：

from django import forms

class EmailForm(forms.ModelForm):
    class Meta:
        model = ReminderEmail
        fields = ('remindemail', 'product',)
        widgets = {
             'product': forms.HiddenInput()
        }