我想在我的项目中创建Django弹出表单

我已经在Django中创建了费用管理系统。

问题是我使用的是简单表单，对于每个表单用户，用户都必须导航到单独的页面。

我想在Django中创建弹出式表单。我搜索了许多网站，但找不到解决方案，请 在此处输入图片描述

在上面的窗口中，当用户单击“付款”按钮时，将弹出一个表格。当用户单击“提交”按钮时，更改将显示在同一页面中。

谁能告诉我如何解决这个问题？或共享代码（如果您在同一地区工作）。

为什么不使用引导模态呢？

例如https://pypi.org/project/django-bootstrap-modal-forms/

示例要查看实际的django-bootstrap-modal-forms，请克隆存储库并在本地运行示例：

$ git clone https://github.com/trco/django-bootstrap-modal-forms.git
$ cd django-bootstrap-modal-forms
$ cd examples
$ python manage.py runserver

Bootstrap模态中的注册表单有关代码的所有部分如何协同工作的解释，请参见“用法”一节。为了测试此处介绍的工作解决方案，请克隆并运行示例。表格

from django.contrib.auth.forms import UserCreationForm
from django.contrib.auth.models import User
from bootstrap_modal_forms.mixins import PopRequestMixin, CreateUpdateAjaxMixin


class CustomUserCreationForm(PopRequestMixin, CreateUpdateAjaxMixin,
                             UserCreationForm):
    class Meta:
        model = User
        fields = ['username', 'password1', 'password2']

signup.html

{% load widget_tweaks %}


  {% csrf_token %}

  

    
Sign up
    
      ×
    
  

  


    

      {% for error in form.non_field_errors %}
        {{ error }}
      {% endfor %}
    

    {% for field in form %}
      

        {{ field.label }}
        {% render_field field class="form-control" placeholder=field.label %}
        

          {% for error in field.errors %}
            
{{ error }}
          {% endfor %}
        
      
    {% endfor %}
  

  

    Sign up
  

views.py

from django.contrib.messages.views import SuccessMessageMixin
from django.urls import reverse_lazy
from django.views import generic
from bootstrap_modal_forms.mixins import PassRequestMixin
from .forms import CustomUserCreationForm

class SignUpView(PassRequestMixin, SuccessMessageMixin, generic.CreateView):
    form_class = CustomUserCreationForm
    template_name = 'accounts/signup.html'
    success_message = 'Success: Sign up succeeded. You can now Log in.'
    success_url = reverse_lazy('index')

urls.py

from django.urls import path
from . import views

app_name = 'accounts'
urlpatterns = [
    path('signup/', views.SignUpView.as_view(), name='signup')
]

.html文件，包含模态，触发元素和实例化modalForm的脚本

  

    

  


Sign up