Django 中的搜索栏

TMD*_*TMD 5 django

编辑:我设法使用“DjangoFilter”包含一个搜索栏

我想在 Django 的模板中添加一个搜索栏

我想在文章列表上方包含一个搜索框,以便用户可以搜索数据。

当我在栏中输入某些内容时,什么也没有发生......
在我的代码下方

感谢您提前在 HTML 页面中的帮助

    <form class="form-inline my-2 my-lg-0">
    <input class="form-control mr-sm-2" type="search" placeholder="Search" aria-label="Search" name="search" >
    <button class="btn btn-outline-success my-2 my-sm-0" type="submit">Search</button>
    </form>
Run Code Online (Sandbox Code Playgroud)

在views.py中

def article_overview(request):
    search_term = ''

    if 'search' in request.GET:
        search_term = request.GET['search']
        articles = Article.objects.all().filter(feeder__icontains=search_term) 

    articles = Article.objects.all()

    return render(request, 'overviews/overview.html', {'articles' : articles, 'search_term': search_term })    
Run Code Online (Sandbox Code Playgroud)

在overview.html(简化)中:

{% for article in articles %}
<a> {{article.feeder}} </a> 
{% endfor %}
Run Code Online (Sandbox Code Playgroud)

Bid*_*jhi 8

在views.py中,

class SearchView(ListView):
    model = Article
    template_name = 'search.html'
    context_object_name = 'all_search_results'

    def get_queryset(self):
       result = super(SearchView, self).get_queryset()
       query = self.request.GET.get('search')
       if query:
          postresult = Article.objects.filter(title__contains=query)
          result = postresult
       else:
           result = None
       return result
Run Code Online (Sandbox Code Playgroud)

在您的搜索查询模板中,

<form class="add_your_class" method="GET" action="" >
    <input class="add_your_class" type="search" name="search"> 
    <button class="add_your_class" type="submit"> Search </button>
</form>
Run Code Online (Sandbox Code Playgroud)

在模板中,您可以将其添加为显示结果

{% for result in all_search_results %}
   {{ .....add according to your model }}
{% empty %}
   add something to show no results
{% endfor %}
Run Code Online (Sandbox Code Playgroud)


Pao*_*olo 0

假设您已将文章保存在数据库中,您可以做的是为您的输入创建一个数据列表,使用 AJAX 使用数据库中的文章预填充数据列表,以便您拥有某种自动完成下拉列表/搜索框。

Teamtreehouse.com 有一个关于此实现的优秀教程。这是链接