如何修改Django中GET表单生成的链接格式？

当然可以实现！想要把带查询参数的URL改成更美观的路径式URL，咱们只需要调整前端表单的提交逻辑，同时配合你已经配置好的Django URL规则就行——你已经搞定了后端URL配置这一步，非常棒！

1. 修改前端表单的提交逻辑 #

原来的表单默认会用GET方法把参数拼在URL末尾，我们需要用JavaScript拦截这个默认行为，手动构造目标URL并完成跳转，这样就能生成你想要的/browse/<searchquery>/格式。

修改后的表单代码如下：

<form id="search-form" class="input-group col-md-12">
  <input type="text" id="search-input" name="searchquery" class="form-control input-lg" placeholder="Search" style="margin-right:1vw; border-radius: 5px;"/>
  <span class="input-group-btn">
    <button class="btn btn-primary btn-lg" type="submit">
      {% fontawesome_icon 'search' color='white' %}
    </button>
  </span>
</form>

<script>
// 拦截表单提交事件
document.getElementById('search-form').addEventListener('submit', function(e) {
  e.preventDefault(); // 阻止浏览器默认的GET提交行为
  const searchQuery = document.getElementById('search-input').value.trim();
  
  if (searchQuery) {
    // 对搜索词编码，处理空格、特殊字符等可能导致的URL异常
    const encodedQuery = encodeURIComponent(searchQuery);
    // 跳转到目标格式的URL
    window.location.href = `/browse/${encodedQuery}/`;
  } else {
    // 如果搜索词为空，跳转到默认的browse页面（可根据需求调整）
    window.location.href = '/browse/';
  }
});
</script>

2. 后端Django视图的适配 #

你的URL配置应该已经类似这样（如果还没完善，补充上默认的/browse/路径）：

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

urlpatterns = [
    path('browse/', views.browse_view, name='browse'),
    path('browse/<str:searchquery>/', views.browse_view, name='browse-search'),
]

对应的视图函数需要接收searchquery参数，并且处理解码（Django会自动帮你解码前端编码后的搜索词，直接使用即可）：

# views.py
from django.shortcuts import render
from .models import YourModel  # 替换成你的模型

def browse_view(request, searchquery=None):
    context = {}
    if searchquery:
        # 执行搜索逻辑，比如模糊匹配数据库内容
        results = YourModel.objects.filter(title__icontains=searchquery)
        context['results'] = results
        context['current_query'] = searchquery
    else:
        # 没有搜索词时，返回默认的浏览内容（比如全部数据）
        context['results'] = YourModel.objects.all()
    
    return render(request, 'browse.html', context)

这样调整后，用户提交搜索时就会跳转到你想要的美观URL格式，同时直接在地址栏输入/browse/你的搜索词/也能正常触发搜索逻辑。

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