Search

• To add pagination to the search result see the pagination and sorting section.
• Using POST in search makes it more secure, but using GET allows users to bookmark results.

Search using GET

navbar.html: add the following code to the navbar.py file:

<form class="d-flex" method="GET" action="{% url 'search-get' %}">
{% csrf_token %}
<input class="form-control me-2" type="search" placeholder="Search" aria-label="Search" name="q">
<button class="btn btn-outline-success" type="submit">Search (GET)</button>
</form>

urls.py

path('search', search_result_get, name='search-get'),

views.py (using __icontains=query.strip().lower() will ensure that both user input and model data are case insensitive)

from django.db.models import Q

@login_required
def search_result(request):
    species = DBSpecies.objects.filter(species_owner=request.user)
    fossils = DBFossil.objects.filter(fossil_owner=request.user)

    query = request.GET.get('q')
    species_result, fossils_result = None, None
    if species:
        species_result = species.filter(Q(species_name__icontains=query.strip().lower()) | Q(species_description__icontains=query.strip().lower()))
    if fossils:
        fossils_result = fossils.filter(Q(fossil_name__icontains=query.strip().lower()) | Q(fossil_description_short__icontains=query.strip().lower()))

    return render(request, 'app_fossils/search_result.html', {
        'species_result': species_result,
        'fossils_result': fossils_result,
    })

Template: create a new search_result.html file:

{% extends 'base.html' %}
{% block title %} Search result {% endblock %}
{% load static %}
{% block content %}

{% if species_result %}
    <h3>Species</h3>
    <ul>
        {% for specie in species_result %}
            <li><a href="{% url 'species-selected' specie.id %}">{{ specie.species_name }}</a></li>
        {% endfor %}
    </ul>
{% else %}
    <small>No result in species</small><br><br>
{% endif %}

{% if fossils_result %}
    <h3>Fossils</h3>
    <ul>
        {% for fossil in fossils_result %}
            <li><a href="{% url 'fossil-selected' fossil.id %}">{{ fossil.fossil_name }}</a></li>
        {% endfor %}
    </ul>
{% else %}
    <small>No result in fossils</small><br><br>
{% endif %}

{% endblock %}

---

Search using POST

Here is how to implement search using POST

navbar.html: add the following code to the navbar.py file:

<form class="d-flex" method="POST" action="{% url 'search-post' %}">
{% csrf_token %}
<input class="form-control me-2" type="search" placeholder="Search" aria-label="Search" name="search_post">
<button class="btn btn-outline-success" type="submit">Search (POST)</button>
</form>

urls.py

path('search', search_result_post, name='search-post'),

views.py (using __icontains=query.strip().lower() will ensure that both user input and model data are case insensitive)

from django.db.models import Q

@login_required
def search_result(request):
    species = DBSpecies.objects.filter(species_owner=request.user)
    fossils = DBFossil.objects.filter(fossil_owner=request.user)

    query = request.POST.get('q')
    species_result, fossils_result = None, None
    if species:
        species_result = species.filter(Q(species_name__icontains=query.strip().lower()) | Q(species_description__icontains=query.strip().lower()))
    if fossils:
        fossils_result = fossils.filter(Q(fossil_name__icontains=query.strip().lower()) | Q(fossil_description_short__icontains=query.strip().lower()))

    return render(request, 'app_fossils/search_result.html', {
        'species_result': species_result,
        'fossils_result': fossils_result,
    })

Template: create a new search_result.html file:

{% extends 'base.html' %}
{% block title %} Search result {% endblock %}
{% load static %}
{% block content %}

{% if species_result %}
    <h3>Species</h3>
    <ul>
        {% for specie in species_result %}
            <li><a href="{% url 'species-selected' specie.id %}">{{ specie.species_name }}</a></li>
        {% endfor %}
    </ul>
{% else %}
    <small>No result in species</small><br><br>
{% endif %}

{% if fossils_result %}
    <h3>Fossils</h3>
    <ul>
        {% for fossil in fossils_result %}
            <li><a href="{% url 'fossil-selected' fossil.id %}">{{ fossil.fossil_name }}</a></li>
        {% endfor %}
    </ul>
{% else %}
    <small>No result in fossils</small><br><br>
{% endif %}

{% endblock %}