在view函数中，我在向refer-urk发出后请求时重定向，我将保存的类示例的id传递给refer-urk，但是，这个id丢失了，我得到404 Not Found。

models.py：

class Position(models.Model):
    position_name = models.CharField(max_length=255, blank=True, verbose_name='Position')
    created_by = models.ForeignKey(User, on_delete=models.CASCADE, verbose_name='user by', blank=True, null=True)
    date_create = models.DateTimeField(auto_now_add=True)
    date_update = models.DateTimeField(auto_now=True)

    class Meta:
        ordering = ['date_create']

    def __str__(self):
        return self.position_name

class Contacts(models.Model):
    pos = models.ForeignKey('Position', blank=True, null=True, on_delete=models.SET_NULL, verbose_name='Position')
    contact_label = models.CharField(max_length=100, blank=True, verbose_name='Contact label')
    contact_value = models.CharField(max_length=255, blank=True, verbose_name='Contact value')

    def __str__(self):
        return self.contact_label

forms.py：

class CreateCVContactForm(forms.ModelForm):
    class Meta:
        model = resume.models.Contacts
        fields = (
            'contact_label',
            'contact_value'
        )

在views.pyusnig defcreatecvcontacts中，我确实重定向了POST-request，并将保存的对象示例的id传递到url，然后使用HTMX在def ditailcontact中获取了这个id，它呈现了关于对象示例的详细信息，并将上下文传递给contact_detail.html模板：

views.py：

@login_required(login_url='/users/login/')
def create_cv_contacts(request, pk):
    ''' functions for working with models.Contacts '''

    position = Position.objects.get(id=pk)
    contacts = Contacts.objects.filter(pos=position)
    form = CreateCVContactForm(request.POST or None)

    if request.method == "POST":
        if form.is_valid():
            contact = form.save(commit=False)
            contact.pos = position
            contact.save()
            return redirect("resume:detail-contact", pk=contact.id) # here this redirect
        else:
            return render(request, "resume/partials/contact_form.html", context={
                "form": form
            })

    context = {
        "form": form,
        "position": position,
        "contacts": contacts,
        'title': 'Add contacts'
    }

    return render(request, "resume/create_cv_contacts.html", context)

@login_required(login_url='/users/login/')
def update_contact(request, pk):
    contact = Contacts.objects.get(id=pk)
    form = CreateCVContactForm(request.POST or None, instance=contact)

    if request.method == "POST":
        if form.is_valid():
            form.save()
            return redirect("resume:detail-contact", pk=contact.id)

    context = {
        "form": form,
        "contact": contact
    }

    return render(request, "resume/partials/contact_form.html", context)

@login_required(login_url='/users/login/')
def delete_contact(request, pk):
    contact = get_object_or_404(Contacts, id=pk)

    if request.method == "POST":
        contact.delete()
        return HttpResponse("")

    return HttpResponseNotAllowed(
        [
            "POST",
        ]
    )

@login_required(login_url='/users/login/')
def detail_contact(request, pk):
    contact = get_object_or_404(Contacts, id=pk)
    context = {
        "contact": contact
    }
    return render(request, "resume/partials/contact_detail.html", context)

@login_required(login_url='/users/login/')
def create_contact_form(request):
    form = CreateCVContactForm()
    context = {
        "form": form
    }
    return render(request, "resume/partials/contact_form.html", context)

urls.py，url名称为detail-contact我得到了保存示例的id：

app_name = 'resume'
urlpatterns = [
    path('', views.main_page, name='main_page'),
    path('list/', views.IndexView.as_view(), name='index'),
    path('<int:pk>/', views.GetResume.as_view(), name='get_person'),
    path('create-cv-pers-data/', views.create_cv_personal_data, name='create_cv_personal_data'),
    # path('create-cv-position/', views.CreateCVPosition.as_view(), name='create_cv_position'),
    path('create-cv-position/', views.create_cv_position, name='create_cv_position'),

    # paths for working with Contacts objects
    path('create-cv-contacts/<int:pk>', views.create_cv_contacts, name='create_cv_contacts'), # here is url for GET-request in def create_cv_contacts
    path('htmx/contact/<pk>/', views.detail_contact, name="detail-contact"), # here i get this id of saved instance
    path('htmx/contact/<pk>/update/', views.update_contact, name="update-contact"),
    path('htmx/contact/<pk>/delete/', views.delete_contact, name="delete-contact"),
    path('htmx/create-contact-form/', views.create_contact_form, name='create-contact-form'),
]

模板：
createcvcontacts.html*，* 此模板在运行时呈现GET请求ofdef create_cv_contatcs：

{% extends 'resume/base.html' %}
{% load static %}

{% block content %}

    <div class="md:flex md:items-center md:justify-between">
        <div class="flex-1 min-w-0">
            <h2 class="text-2xl font-bold leading-7 text-gray-900 sm:text-3xl sm:truncate">
                Add contacts for {{ position.position_name }}
            </h2>
        </div>
        <div class="mt-4 flex md:mt-0 md:ml-4">
            <button type="button" hx-get="{% url 'resume:create-contact-form' %}" hx-target="#contactforms" hx-swap="beforeend"
                class="ml-3 inline-flex items-center px-4 py-2 border border-transparent rounded-md shadow-sm text-sm font-medium text-white bg-indigo-600 hover:bg-indigo-700 focus:outline-none focus:ring-2 focus:ring-offset-2 focus:ring-indigo-500">
                Add form
            </button>
        </div>
    </div>

    <div id="contactforms" class="py-5 mt-5"></div>

    <div class="mt-5 py-5 border-t border-gray-100">
        {% for contact in contacts %}

        {% include "resume/partials/contact_detail.html" %}

        {% endfor %}
    </div>

{% endblock %}

contact_detail.html：

<div hx-target="this" class="mt-3 py-3 px-3 bg-white shadow border border-gray-100">
    <h3 class="text-lg leading-6 font-medium text-gray-900">
        Contact label: {{ contact.contact_label }}
    </h3>
    <p class="text-gray-600">Contact: {{ contact.contact_value }}</p>
    <div class="mt-2">
        <button hx-get="{% url 'resume:update-contact' contact.id %}" hx-swap="outerHTML"
            class="inline-flex items-center px-3 py-2 border border-transparent text-sm leading-4 font-medium rounded-md text-indigo-700 bg-indigo-100 hover:bg-indigo-200 focus:outline-none focus:ring-2 focus:ring-offset-2 focus:ring-indigo-500">
            Update
        </button>
        <button hx-post="{% url 'resume:delete-contact' contact.id %}" hx-swap="outerHTML swap:1s"
            class="ml-2 inline-flex items-center px-3 py-2 border border-transparent text-sm leading-4 font-medium rounded-md text-red-700 bg-red-100 hover:bg-red-200 focus:outline-none focus:ring-2 focus:ring-offset-2 focus:ring-red-500">
            Delete
        </button>
    </div>
</div>

下面是请求的header（URL没有id）：

以下是来自控制台的消息：

未找到：/create-cv-contacts/

[08/May/2023 21：41：26]“POST /create-cv-contacts/ HTTP/1.1”404 4149**
这里我使用HTMX。我从这个视频https://www.youtube.com/watch?v=KVq_DjIfnBo得到了这一个教程，这里所有的工作。
我在Stack Owerflow中没有找到我的问题的解决方案，请帮助我

1条答案

按热度按时间

o8x7eapl1#

请在**“resume/partials/contact_form.html”中发布您正在使用的部分HTML。
我猜你正在做一个hx-post，但你没有在hx-post值中包含适当的position.id**变量。例如，它应该看起来像下面这样：

<button hx-post="{% url 'resume:create_cv_contacts' position.id %}" ...>
    Create
</button>

我怀疑上面缺少position.id。
您可能需要动态地包含这个position.id，在这种情况下，您需要调整contact_form视图，url和模板如下：

更改添加表单按钮如下：

<button type="button" hx-get="{% url 'resume:create-contact-form' position.id %}" ...>
    Add form
</button>

更改'create-contact-form' URL如下：

path('htmx/create-contact-form/<int:pk>/', views.create_contact_form, name='create-contact-form')

更改create_contact_form视图如下：

@login_required(login_url='/users/login/')
def create_contact_form(request, pk):
    form = CreateCVContactForm()
    position = {"id": pk}  # add this
    context = {
        "form": form,
        "position": position,  # add this
    }
    return render(request, "resume/partials/contact_form.html", context)

现在确保在create_form.html本身的hx-post中有这个position.id（如本文开头所示），希望它能工作。如果没有就告诉我。

赞(0）回复(0）举报 2023-05-19

django 404 Not Found 404 Not Found

1条答案

相关问题

热门标签

最新问答