如何向Django Crispy Forms传递静态变量以动态控制表单

1. URL配置修改 #

在项目的urls.py中，为PostCreate视图添加带类型参数的URL规则，让类型值通过URL路径传递：

# urls.py
from django.urls import path
from .views import PostCreate

urlpatterns = [
    # 其他URL规则...
    path('post/create/<int:type>/', PostCreate.as_view(), name='post_create'),
]

这里的<int:type>会自动捕获URL中的整数类型值，并传递给视图的kwargs字典。

2. 视图（PostCreate）修改 #

重写类视图的get_context_data方法，将URL中的类型参数传递给模板：

# views.py
from django.views.generic.edit import CreateView
from .models import Post
from .forms import PostForm

class PostCreate(CreateView):
    model = Post
    form_class = PostForm
    template_name = 'post_form.html'

    def get_context_data(self, **kwargs):
        context = super().get_context_data(**kwargs)
        # 从URL参数中获取类型值，默认设为0
        context['post_type'] = self.kwargs.get('type', 0)
        return context

3. choose_type.html模板修改 #

将原来的POST按钮改为直接跳转至带对应类型参数的URL，用<a>标签或按钮绑定跳转逻辑均可：

<!-- choose_type.html -->
<div class="type-buttons">
    <a href="{% url 'post_create' type=0 %}" class="btn">类型0</a>
    <a href="{% url 'post_create' type=1 %}" class="btn">类型1</a>
    <a href="{% url 'post_create' type=2 %}" class="btn">类型2</a>
    <a href="{% url 'post_create' type=3 %}" class="btn">类型3</a>
</div>

如果偏好按钮形式，也可以绑定点击事件跳转：

<button onclick="window.location.href='{% url 'post_create' type=0 %}'" class="btn">类型0</button>

4. post_form.html模板与JS逻辑修改 #

在模板中接收视图传递的post_type变量，编写JavaScript根据类型值控制字段的显示/隐藏和自动填充：

<!-- post_form.html -->
<form method="post">
    {% csrf_token %}
    <!-- 表单字段示例 -->
    <div id="field-group-0">
        {{ form.field0.label_tag }}
        {{ form.field0 }}
    </div>
    <div id="field-group-1">
        {{ form.field1.label_tag }}
        {{ form.field1 }}
    </div>
    <div id="field-group-2">
        {{ form.field2.label_tag }}
        {{ form.field2 }}
    </div>
    <div id="field-group-3">
        {{ form.field3.label_tag }}
        {{ form.field3 }}
    </div>
    <button type="submit">提交</button>
</form>

<script>
// 从模板获取类型值
const postType = {{ post_type }};

document.addEventListener('DOMContentLoaded', function() {
    // 获取所有字段组
    const fieldGroups = [
        document.getElementById('field-group-0'),
        document.getElementById('field-group-1'),
        document.getElementById('field-group-2'),
        document.getElementById('field-group-3')
    ];

    // 先隐藏所有字段组
    fieldGroups.forEach(group => group.style.display = 'none');

    // 根据类型显示对应字段并填充默认值
    switch(postType) {
        case 0:
            fieldGroups[0].style.display = 'block';
            document.getElementById('id_field0').value = '默认值0';
            break;
        case 1:
            fieldGroups[1].style.display = 'block';
            document.getElementById('id_field1').value = '默认值1';
            break;
        case 2:
            fieldGroups[2].style.display = 'block';
            document.getElementById('id_field2').value = '默认值2';
            break;
        case 3:
            fieldGroups[3].style.display = 'block';
            document.getElementById('id_field3').value = '默认值3';
            break;
        default:
            // 默认逻辑：显示所有字段或自定义处理
            fieldGroups.forEach(group => group.style.display = 'block');
    }
});
</script>

关键说明 #

你之前用request.POST拿不到值的核心原因是：点击按钮跳转属于GET请求，而非POST提交，所以request.POST为空。通过URL路径传递参数是更直接的方案，参数会被Django自动捕获并传递给视图。

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