In this step-by-step tutorial, you'll learn how to use full-text search in your Django application using the PostgreSQL database. By the end of this article, you will have a thorough understanding of the use of full text search in your application.
The requirements of this article are to know the ORM and Queryset functions of Django well.
What is Full-Text Search?
Before I answer that, let me ask you something. What is the difference between the find and replace feature in a word processor (MS Word, Notepad) and search in Google.
Both are searching, but the difference is how they are done.
Google takes your query breaks it down in different words and crawls every website to get the relevant results, on the other hand Find-and-Replace takes your query as a whole and searches for that chunk in a text. The former is Full-Text search. It breaks down the query and removes unnecessary parts such as in, or, and then returns the most relevant results.
Why Full-Text Search?
Let's understand the need of full-text search using a real life example. Suppose we have two posts with the given title and the user looks for «async in python».
Sample Post title in out app.
- Python also supports async function.
- Async in python is amazing
The user will only get the second post when searching in normal regular expression search, but we can see that first article is also related to the user's query. That's the reason we need full-text search in our applications.
Features of Full-Text Search
- It is much faster.
- Results are relevant.
- Better ranking of results.
Searching in Python
Before delving into Full-Text Search, I want to quickly review the normal workings of the SQLite database search.
Below you will find the repository to obtain the Boilerplate.
I created a new project with django called core where I created a new app called a blog. After running python manage.py migrate
, add this code into your project.
blog/models.py
A new model (table) to store content and title of a blog post.
from django.db import models
# Create your models here.
class Post(models.Model):
title = models.CharField(max_length=100)
content = models.TextField()
def __str__(self):
return f"{self.title}"
blog/admin.py
Add Post model in admin site to use Create/Read/Update/Delete operations.
from django.contrib import admin
from .models import Post
# Register your models here.
admin.site.register(Post)
blog.views.py
Add home view to see all the posts
from django.shortcuts import render
from .models import Post
def home(request):
qs = Post.objects.all()
if request.GET.get('query'):
qs = qs.filter(title__icontains=query)
return render(request, "index.html", context={"queryset": qs})
core/urls.py
Add a new URL for home view.
urlpatterns = [
path("admin/", admin.site.urls),
path("", views.home),
]
Template to search
blog/templates/index.html
A template to search and see all the post in the queryset
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8" />
<meta http-equiv="X-UA-Compatible" content="IE=edge" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<title>Full Text Search</title>
</head>
<body>
<form>
{% csrf_token %}
<input type="text" name="query">
<input type="submit" value="Search">
<form/>
{% for object in queryset %}
<h2>{{object.title}}</h2>
<p>{{object.content | truncatechars:200}}</p>
{% empty %}
<h2>No Results</h2>
{% endfor %}
</body>
</html>
After adding these changes to your project, launch this command in prompt/terminal.
python manage.py runserver
Goto http://127.0.0.1:8000/admin/blog/post/ and add any five posts on any topics like this.
How ‘title__icontains' works.
I searched for bots ant the queryset returned
But If I search python bots
No result since I have no specific term 'python bots' in the title of the post.
Let's correct that with the full text search.
How to use PostgreSQL in Django?
Full text is only possible in an advance production ready database like PostgreSQL. We can use the PostgreSQL database within our Django app by downloading the database locally or using an online database as a service. For this tutorial we will use a service called ElephantSQL, a PostgreSQL as a Service.
Steps we have to follow:
- Create a remote PostgreSQL Database
- Connect this Database to Django project.
- Change settings to include postgresql db backend
- Install psycopg2 to talk with PostgreSQL using Python
Create a fresh account on this website and then select Tiny Turtle Plan (Free/Slow).
Once you create a new instance you will get this page.
Copy the URL because that is the only thing you need to connect this database to your local Django Application.
Make the following changes in your settings file
core/settings.py
.....
INSTALLED_APPS = [
"django.contrib.admin",
"django.contrib.auth",
"django.contrib.contenttypes",
"django.contrib.sessions",
"django.contrib.messages",
"django.contrib.staticfiles",
"django.contrib.postgres", #THIS APP
"blog",
]
.....
DATABASES = {
"default": {
# My URL
# postgres://tdjcpial:7UglyA2MM16ksuez2ICeDxfxZjlQnj9X@salt.db.elephantsql.com/tdjcpial
# Change the below settings according to your Copied URL.
"ENGINE": "django.db.backends.postgresql",
"NAME": "tdjcpial",
"USER": "tdjcpial",
"PASSWORD": "7UglyA2MM16ksuez2ICeDxfxZjlQnj9X",
"HOST": "salt.db.elephantsql.com",
}
}
.....
After this change we need to install db adapter psycopg2 using pip install psycopg2
Now our database is fully connected, to use this data base from the admin site run python manage.py migrate
and then python manage.py createsuperuser
You can now create new posts in this database to test the full-text functionality.
To achieve full-text search we need to do the following steps:
- Parsing Query
- Parsing Content/Data
open blog/views.py and add the following code then we will go through it line by line.
from django.shortcuts import render
from .models import Post
from django.contrib.postgres.search import SearchVector, SearchQuery
# Create your views here.
def home(request):
qs = Post.objects.all()
query = request.GET.get("query")
if query:
# qs = Post.objects.filter(title__icontains=query)
qs = Post.objects.annotate(search=SearchVector("title", "content")).filter(search=SearchQuery(query))
return render(request, "index.html", context={"queryset": qs})
In the above code we commented out i_contains, and added full-text search class provided by the Django PostgreSQL backend.
Let's understand what each class is doing:
SearchVector(*fields) : This class processes the data from which the query needs to be searched, this class runs ts_vector function form the PostgreSQL to break down words into tokens and assigning type to each token.
SearchQuery(query) : This class processes the user provided query to achieve full-text search by breaking query into tokens and removing unnecessary parts from the query like punctuation marks(, ! ?) and words like this(and, or, either).
The annotate function creates a new temporary column in a table with values SearchVector(title, content), which means that we want to search both the fields for our query. The filter is then filter out those rows which has the query in their search column.
Let's test what we get after adding this change to our view.
VOILA! Remember earlier we were not getting any results on python bots
but now our app is showing some relevant post to our query.
There's more to it:
SearchHeadline() :
This class is used to highlight the results if your query matches with the content, the first parameter determines where we need to highlight in this case, the content, the second parameter takes SearchQuery(query), which we already discussed and the third and fourth shows when the matching tokens are found then how should we enclose them, in this case we used bold, italic and underline tags.
Add the following code to your blog/views.py
from django.shortcuts import render
from .models import Post
from django.contrib.postgres.search import SearchVector, SearchQuery, SearchHeadline
# Create your views here.
def home(request):
qs = Post.objects.all()
query = request.GET.get("query")
if query:
# qs = Post.objects.filter(title__icontains=query)
# qs = Post.objects.annotate(search=SearchVector("title", "content")).filter(
# search=SearchQuery(query)
# )
qs = Post.objects.annotate(
headline=SearchHeadline(
"content",
SearchQuery(query),
start_sel="<b><u><i>",
stop_sel="</i></u></b>",
)
)
return render(request, "index.html", context={"queryset": qs})
For this to work we need to change our template file just a bit.
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8" />
<meta http-equiv="X-UA-Compatible" content="IE=edge" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<title>Full Text Search</title>
</head>
<body>
<form>
{% csrf_token %}
<input type="text" name="query">
<input type="submit" value="Search">
<form/>
{% for object in queryset %}
<h2>{{object.title}}</h2>
<p>{{object.headline | safe}}</p>
{% empty %}
<h2>No Results</h2>
{% endfor %}
</body>
</html>
Lets take a look:
We changed {{object.content}}
to {{object.headline}}
and added safe template tag filter so our HTML <b><u><i>query</i></u></b>
get executed.
See how our query get a bold and itallic.
Conclusion
For any further information and documentation:
GitHub Code Repository, I'm not changing the settings of my database, in case you want to fiddle with the data.
If you liked the article also consider checking me out on Twitter where I post stuff like this in under 280 characters daily.
Top comments (0)