Django开发谷歌搜索应用时表单传参及状态报错如何解决？

一、自定义搜索词传参实现方案 #

你最初修改的前端模板存在三个问题，导致无法把搜索词传到后端：

• 搜索输入框没有name属性，表单提交时不会携带输入值
• 按钮类型为type="button"，点击不会触发表单提交动作
• 未闭合<form>标签
  修正后的原生前端代码如下：

<link href="https://cdn.jsdelivr.net/npm/bootstrap@5.0.2/dist/css/bootstrap.min.css" rel="stylesheet" integrity="sha384-EVSTQN3/azprG1Anm3QDgpJLIm9Nao0Yz1ztcQTwFspd3yD65VohhpuuCOmLASjC" crossorigin="anonymous">
<div class="container text-center">
    <h1>my search engine</h1>
    <a href="{% url 'about' %}">About page</a>
    <br><br>
    <form action="{% url 'search' %}" method="get">
        <input type="search" name="search" value='lallero search' class="form-control rounded" placeholder="Search" aria-label="Search" aria-describedby="search-addon" />
        <button type="submit" class="btn btn-outline-primary">search</button>
    </form>
</div>

如果不用Django Form，后端直接通过以下代码获取搜索词：

search_text = request.GET.get('search', '默认搜索词')

二、form状态未知报错修复方案 #

该报错的核心原因是首次渲染页面时，你没有把form实例传递到模板上下文，同时现有search函数存在逻辑漏洞，修正方案如下：

1. 后端search函数修正 #

def search(request):
    # 初始化form：GET请求带参数就绑定参数，否则为空实例
    form = SearchForm(request.GET or None)
    # 仅当GET请求且表单校验通过时，执行搜索逻辑
    if request.method == "GET" and form.is_valid():
        search_text = form.cleaned_data["search"]
        urls = searchWeb(num=5, stop=5, query_string=search_text)
        threads = [threading.Thread(target=getSavePage, args=(url,)) for url in urls]
        for thread in threads:
            thread.start()
        for thread in threads:
            thread.join()
        return JsonResponse(urls, safe=False)
    # 首次访问/校验不通过时，把form实例传递到模板
    return render(request, '你的模板文件名.html', {'form': form})

2. 补充检查项 #

• 确认你的SearchForm定义中字段名是search，和cleaned_data取的key一致，参考定义：

from django import forms
class SearchForm(forms.Form):
    search = forms.CharField(label='搜索词', max_length=200, widget=forms.TextInput(attrs={'class': 'form-control'}))

• 如果要自定义Bootstrap样式，可直接在Form的widget属性中添加class，无需手动写前端input标签。

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