Django中如何通过HTML表单实现动态URL路由？

你的核心问题是：表单提交时无法直接将用户输入的值传递到带路径参数的路由中，导致路由匹配失败报错。原因是当前视图在POST请求时直接渲染模板，但路由要求必须传入number路径参数，而表单提交的请求并没有携带该参数。

下面是两种优雅的解决方案：

方案一：使用路径参数（匹配你想要的number_input=111格式URL） #

1. 修改urls.py #

添加专门处理表单提交的路由，保留动态展示的路由：

from . import views

urlpatterns = [
    # 处理表单提交
    path('submit-number/', views.submit_number, name='submit_number'),
    # 动态URL，展示对应数字页面
    path('number_input=<int:number>/', views.number_view, name='number_view'),
]

2. 修改views.py #

拆分逻辑：一个视图处理表单提交并重定向，另一个视图处理动态URL的渲染：

from django.shortcuts import render, redirect, reverse

def submit_number(request):
    if request.method == 'POST':
        input_num = request.POST.get('inp_number')
        # 验证输入是否为有效整数，避免非法请求
        if input_num and input_num.isdigit():
            # 反向生成带参数的动态URL并重定向
            return redirect(reverse('number_view', kwargs={'number': input_num}))
        # 输入无效时返回表单页并提示错误
        return render(request, 'index.html', {'error': '请输入有效的数字'})
    # GET请求直接返回表单页
    return render(request, 'index.html')

def number_view(request, number):
    # 访问动态URL时渲染页面
    return render(request, 'number.html', {'number': number})

3. 更新index.html中的表单 #

将表单action指向新的提交视图，并添加错误提示：

<form action="{% url 'submit_number' %}" method="POST">
    {% csrf_token %}
    <p><input type="text" name="inp_number" placeholder="Insert Number"/></p>
    {% if error %}
        <p style="color: red;">{{ error }}</p>
    {% endif %}
    <p><input type="submit" value="Submit"/></p>            
</form>

方案二：使用查询参数（URL格式为/number?input=111） #

如果可以接受查询参数的形式，这个方案更简洁，无需额外路由：

1. 修改urls.py #

只保留一个路由：

from . import views

urlpatterns = [
    path('number/', views.number_view, name='number_view'),
]

2. 修改views.py #

在同一个视图中处理POST提交和GET展示：

from django.shortcuts import render, redirect, reverse

def number_view(request):
    if request.method == 'POST':
        input_num = request.POST.get('inp_number')
        if input_num and input_num.isdigit():
            # 重定向到带查询参数的URL
            return redirect(f"{reverse('number_view')}?input={input_num}")
        return render(request, 'index.html', {'error': '请输入有效的数字'})
    # GET请求时获取查询参数并渲染页面
    number = request.GET.get('input')
    return render(request, 'number.html', {'number': number})

3. 更新index.html中的表单 #

表单action直接指向该视图：

<form action="{% url 'number_view' %}" method="POST">
    {% csrf_token %}
    <p><input type="text" name="inp_number" placeholder="Insert Number"/></p>
    {% if error %}
        <p style="color: red;">{{ error }}</p>
    {% endif %}
    <p><input type="submit" value="Submit"/></p>            
</form>

原代码报错原因 #

你的路由path('number_input=<int:number>/', views.number_view, name='number_view')要求URL路径必须包含整数类型的number参数，但表单提交时使用{% url 'number_view' %}反向解析URL，因为没有传入number参数，导致反向解析失败，进而引发报错。

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