如何使搜索栏在 Django 中工作？

Question

I made a search bar and I want it to search the titles which is in the site. Before typing nothing appears but whenever I type one title all the titles appear. How to resolve this issue?

index.html

def index(request):
    query = request.GET.get('srh')
    if query:
        target1 = Destination.objects.filter(title__icontains=query)

        target1 = a, b= [Destination() for __ in range(2)]
            a.img = 'Article.jpg'
            b.img = 'Micro Tasks.jpeg'

            a.title = 'Article Writing'
            b.title = 'Micro Tasks'

            context = {'target1': target1}
            return render(request, 'index.html', context)
    else:
        return render(request, 'index.html')

views.py

<form class="love" method="GET" action="">
 {% csrf_token %}
   <input type="text" placeholder='Search..' name="srh" value="{{request.GET.srh}}"> <br>
    <button type="submit" class="btn btn-danger"> Search </button>
</form>

 <div>
  {% for dest1 in target1 %}
   {% if dest1 %}
   <div>
    <a href="{{baseUrl}}/{{dest1.img}}">
      <img src="{{hiUrl}}/{{dest1.img}}" alt="" />
      <h3>{{dest1.title}}</h3>
    </a>
  </div>
   {% endif %}
  {%endfor%}
</div>

Answer 1

objects.filter reads from the database, but you have no objects in the database.

This should be enough:

def index(request):
    query = request.GET.get('srh')
    if query:
        destinations = Destination.objects.filter(title__icontains=query)

        context = {'target1': destinations}
        return render(request, 'index.html', context)
    else:
        return render(request, 'index.html')

But of course it will not return any objects when the database is empty.

Answer 2

.py codes:

def paylasimlar(request):
        keyword = request.GET.get("keyword")
        if keyword:
            paylasimlar = Makale.objects.filter(Q(baslik__contains=keyword) | Q(icerik__contains=keyword))
            return render(request, "feed.html", {"paylasimlar": paylasimlar})

and .html

     <form style="text-align: right">
      {% csrf_token %}
           <button type="submit" class="btn btn-default" style="float: right">
<i class="material-icons">search</i>


</button>
   <input type="text" name="keyword" class="form-control" placeholder="Anı Ara..."  style="border-radius: 20px;float: right;width: 20%" aria-label="Search" >