如何在Django的Property DetailView模板添加按钮跳转至预填外键表单

要完成这个需求，我们只需要三步：创建Bedroom的创建视图、配置对应的URL、在模板中添加跳转按钮。下面是具体实现步骤：

1. 添加Bedroom创建视图（views.py） #

首先在你的views.py中导入CreateView和Bedroom模型，然后创建一个继承自CreateView的类，它会自动处理表单渲染和数据保存，同时我们要在视图中把当前Property关联到新创建的Bedroom上：

from django.views.generic.edit import CreateView
from django.urls import reverse_lazy
from .models import Property, Bedroom
from .models import ContactsOwner  # 保留你原有的导入

class PropertyDetailView(DetailView):
    # 保留你原有的代码不变
    template_name = 'properties/property-detail.html'
    model = Property
    def get_context_data(self, **kwargs):
        contacts = ContactsOwner.objects.filter(owner__property=self.object)
        context = super().get_context_data(**kwargs)
        context['contact'] = contacts
        return context

class BedroomCreateView(CreateView):
    model = Bedroom
    # 指定要在表单中显示的字段（排除property，因为我们要自动关联）
    fields = ['type', 'bed_dimensions', 'image', 'ensuite', 'notes']
    
    def form_valid(self, form):
        # 从URL参数中获取当前Property的ID，关联到新的Bedroom实例
        property_obj = Property.objects.get(pk=self.kwargs['property_pk'])
        form.instance.property = property_obj
        return super().form_valid(form)
    
    def get_success_url(self):
        # 提交表单后，跳回原Property的详情页
        return reverse_lazy('properties:property_detail', kwargs={'pk': self.kwargs['property_pk']})

2. 配置URL路由（urls.py） #

在Properties应用的urls.py中添加Bedroom创建视图的路由，确保URL包含当前Property的ID作为参数：

from django.urls import path
from .views import PropertyDetailView, BedroomCreateView

app_name = 'properties'

urlpatterns = [
    path('property/<int:pk>/', PropertyDetailView.as_view(), name='property_detail'),
    # 添加这条路由，接收property_pk参数
    path('property/<int:property_pk>/add-bedroom/', BedroomCreateView.as_view(), name='add_bedroom'),
]

3. 在模板中添加Add Bedroom按钮 #

打开property-detail.html模板，在合适的位置添加跳转按钮，使用Django的{% url %}模板标签生成带当前Property ID的URL：

<!-- 在你想要显示按钮的位置添加 -->
<a href="{% url 'properties:add_bedroom' property_pk=object.pk %}" class="btn btn-primary">Add Bedroom</a>

额外说明 #

• 这个实现会自动把当前Property关联到新创建的Bedroom，用户不需要手动选择Property（表单里也不会显示这个字段）
• 提交表单后会自动跳回原Property的详情页，方便用户继续操作
• 如果需要自定义表单样式，可以创建一个BedroomForm类，然后在BedroomCreateView中指定form_class属性来替代fields参数

内容的提问来源于stack exchange，提问作者Luis Silva