Question

编辑：我设法使用“ DjangoFilter”添加了搜索栏

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

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

当我在栏中输入内容时，什么也没发生...
在我的代码下面

非常感谢您的帮助

    <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>

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 })

overview.html ：（简体）

{% for article in articles %}
<a> {{article.feeder}} </a> 
{% endfor %}

Answer 1

假设您已将文章保存在数据库中，则可以做的是输入数据列表，使用AJAX将数据库中的文章预填充到数据列表中，以便进行某种自动完成的下拉列表/搜索框。

Teamtreehouse.com提供了一个很棒的教程，用于此实现。这是link。

Answer 2

您要在两个位置分配商品变量，因此您要覆盖第一个。重命名if语句中的商品变量，并将其传递给模板

dplyr

Answer 3

在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

在您要搜索的模板中

<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>

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

{% for result in all_search_results %}
   {{ .....add according to your model }}
{% empty %}
   add something to show no results
{% endfor %}

Answer 4

我的示例适用于我的情况：基本模板：

form class="form-inline my-2 my-lg-0" method="GET" action="{% url 'ecomm:search' %}" >
            <input class="form-control mr-sm-2" type="search" name="search">
            <button class="btn btn btn-outline-info my-2 my-sm-0" type="submit"> Search </button>
        </form>

搜索模板：

{% extends "ecomm/base.html" %}

{% block content %}
    {% for product in all_search_results %}
        <h3>{{product.title}}</h3>
        <p>{{product.description}}</p>
        <img src="{{ product.picture.url }}">
    {% empty %}
        <h2>No results found</h2>
    {% endfor %}
{% endblock %}

视图：

class SearchView(ListView):
    model = Products
    template_name = 'ecomm/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 = Products.objects.filter(title__contains=query)
            result = postresult
        else:
            result = None
        return result

网址：

    path('results/', ecomm_views.SearchView.as_view(), name='search'),

Django中的搜索栏

4 个答案: