【问题标题】:Form preview in DjangoDjango中的表单预览
【发布时间】:2020-09-11 20:09:28
【问题描述】:

我正在构建一个注册表单。每当用户填写表单并单击注册按钮时,我希望他们看到他们提交的预览。我的论点有问题。这是我的代码:

models.py

from django.db import models
from phonenumber_field.modelfields import PhoneNumberField

# Create your models here.
class Register(models.Model):
    regChoice = (
        ('Self', 'Self'),
        ('Group', 'Group'),
        ('Corporate', 'Corporate'),
        ('Others', 'Others'),
    )
    name = models.CharField(max_length=50)
    email = models.EmailField(max_length=254,null=True)
    phoneNumber = PhoneNumberField(null=True)
    idCard = models.ImageField(null=True)
    regType = models.CharField(max_length=25, choices=regChoice,null=True)
    ticketNo = models.IntegerField(default=1)

    def __str__(self):
        return self.name

forms.py

from django import forms
from django.forms import ModelForm
from django.contrib.auth.forms import UserCreationForm
from django.contrib.auth.models import User
from .models import *

class RegisterForm(ModelForm):
    name = forms.CharField(widget=forms.TextInput(attrs={'placeholder':'Your full name...'}))
    email = forms.CharField(widget=forms.TextInput(attrs={'placeholder':'Your email...'}))
    phoneNumber = forms.CharField(widget=forms.TextInput(attrs={'placeholder':'Your phone number...'}))

    class Meta:
        model = Register
        fields = '__all__'

urls.py

from django.urls import path
from . import views
urlpatterns = [
    path('', views.index, name='home'),
    path('preview.html/<str:pk>', views.preview, name="preview")
]

views.py

from django.shortcuts import render, redirect
from .models import *
from .forms import *
# Create your views here.
def index(request):
    form = RegisterForm()
    if request.method == 'POST':
        form = RegisterForm(request.POST, request.FILES)
        if form.is_valid():
            form.save()
    context = {'form':form}
    return render(request, 'event/index.html', context)

def preview(request, pk):
    reg = Register.objects.get(id=pk)
    prev = RegisterForm(instance=reg)
    if request.method == 'POST':
        form = RegisterForm(request.POST, instance=reg)
        if form.is_valid():
            form.save()
            return redirect('/')
    context = {'reg':reg, 'prev':prev}
    return render(request, 'event/preview.html', context)

index.html

{% load static %}
<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Event Registration</title>
    <link rel="stylesheet" href="{% static 'css/style.css' %}">
    <script src="{% static 'js/script.js' %}"></script>
</head>
<body>
    <div class="mobile-screen">
        <div class="header">
        </div>
        
        <div class="logo"></div>
      
        <form id="login-form" method="POST" action="{% url 'preview' form.id %}" enctype="multipart/form-data">
            {% csrf_token %}
                {{form.name}}
                {{form.email}}
                {{form.phoneNumber}}
                <legend style="color: aliceblue;">Upload ID card: </legend>{{form.idCard}}
                <div style="text-align: center; color: aliceblue;">Registration Type: {{form.regType}}</div>
                {{form.ticketNo}}
                <input class="btn btn-sm btn-primary" type="submit" value="Register" name="Register">
        </form>
        
      </div>
</body>
</html>

preview.html

Hello {{prev.name}},
your email is {{prev.email}}
your phone number is {{prev.phoneNumber}}
your idCard photo is {{prev.idCard.url}}
your registration type is {{prev.regType}}
your number of tickets is {{prev.ticketNo}}

我遇到的错误是:

NoReverseMatch at /

未找到带有参数“('',)' 的“预览”的反向操作。尝试了 1 种模式:['preview\.html/(?P[^/]+)$']

【问题讨论】:

  • 也许 theis path('preview.html/&lt;str:pk&gt;' 应该是 path('preview/&lt;str:pk&gt;'
  • @johnashu 老兄,这行得通。谢谢。但是图像没有加载到我的预览页面中。我应该将{{prev.idCard.url}} 更改为什么?

标签: python html django forms django-forms


【解决方案1】:

当有人到达您的索引页面并输入我们需要的表单时

  1. 将表单作为 POST 请求提交到索引视图
  2. 保存表单,从而在数据库中创建模型
  3. 使用上述 id 将用户重定向到预览视图

要做到这一点,代码需要有点像这样,我没有测试过,但你应该明白了。

from django.shortcuts import redirect

def index(request):
    form = RegisterForm()
    if request.method == 'POST':
        form = RegisterForm(request.POST, request.FILES)
        if form.is_valid():
            instance = form.save()
            return redirect('preview', pk=instance.id)
    context = {'form':form}
    return render(request, 'event/index.html', context)

在您的 index.html 中更改

action="{% url 'preview' form.id %}"

action=""

因为我们希望它发布到 INDEX 视图,因为那是 POST 处理逻辑所在的位置。

然后索引视图使用新生成的对象重定向到预览。

正如@Snir 在另一个答案中提到的那样,在 URLS 中使用 .html 不是标准做法。最好将其简单化为:

path('preview/<str:pk>', views.preview, name="preview")

【讨论】:

  • 这就像魔术一样。现在我遇到的唯一问题是图像没有加载到预览页面中。我应该将your idCard photo is {{prev.idCard.url}} 更改为什么?
  • @DeepjyotiDe 使用 &lt;img src="{{reg.idCard.url}}"&gt;&lt;img src="{{ prev.idCard.url }}"&gt; 很高兴我能提供帮助,如果一切正常,请不要忘记将答案标记为已接受 :)
  • 照片尚未加载。默认图像图标与替代文本一起显示。
  • #settings.py STATIC_URL = '/static/' STATICFILES_DIRS = [ os.path.join(BASE_DIR, 'static'), ] MEDIA_URL = '/media/' MEDIA_ROOT = os.path.join(BASE_DIR, 'media')
  • 你能检查文件是否存在于文件系统的那个目录中吗?
【解决方案2】:

URL 模式是正则表达式,因此您必须转义特殊的正则表达式字符,例如点。尝试(添加 r)或删除点:

    path(r'preview.html/<str:pk>', views.preview, 
    name="preview")

【讨论】:

  • 图片未加载到我的预览页面中。我应该将{{prev.idCard.url}} 更改为什么?
  • 使用:
  • 现在图片没有加载,但图片图标正在显示。
  • STATIC_URL = '/static/' STATICFILES_DIRS = [ os.path.join(BASE_DIR, 'static'), ] MEDIA_URL = '/media/' MEDIA_ROOT = os.path.join(BASE_DIR, 'media') #settings.py
  • 未找到:/media/portfolio-5.jpg 在我的命令提示符中
猜你喜欢
  • 2010-10-12
  • 1970-01-01
  • 2012-12-28
  • 1970-01-01
  • 2011-10-20
  • 2010-12-15
  • 1970-01-01
  • 2012-07-20
  • 2014-03-15
相关资源
最近更新 更多