Articles → DJANGO → Template Inheritance In Django

Template Inheritance In Django

In this article, we will discuss about template inheritance in Django.

What Does Template Inheritance Mean?

In the last few tutorials, we have created multiple templates for different views. There is redundant code in each template i.e. we are writing the same code in each template.

Template inheritance is the way of put common code in one template (let us call as base template) and rest of the templates includes the common code from the base template rather than rewriting the same code in each template.

How To Implement Template Inheritance In Django?

To implement the template inheritance, we will follow these steps

Create a base template.
Inherit the base template

Let us work on each step.

Create A Base Template

First, create a base template with following code

<html>
  <head>
    <title>this is the test title</title>
  </head>
  <body>
    <h1>Title of the page</h1>
    <div id="container">{% block content%} {% endblock content%}</div>
  </body>
</html>

In the above code, we have mentioned block to specify the variable content of each template. Here content is the name of the block. You can give any name.

Inherit The Base Template

Let us inherit base.html to home.html (template for home page) and about.html (template for about page).

Home.html

{% extends "base.html" %}
{% block content%}
    This is the home page
{% endblock content%}

In the above code, extends specify the template you want to inherit followed by block code.

About.html

{% extends "base.html" %}
{% block content%}
    Welcome to Gyan Sangrah: A one stop shop for people preparing for technical interviews. Gyansangrah is an online resource comprising all the possible questions you may face during your technical interview round. Gyansangrah also provides you with live examples to make concepts easier to understand.
{% endblock content%}

Views.py

from django.http import HttpResponse
from django.shortcuts import render


# Create your views here.

def home(request):
    return render(request, 'home.html', {})


def about(request):
    return render(request, 'about.html', {})

Output

Click to Enlarge

Posted By -	Karan Gupta

Posted On -	Wednesday, June 19, 2019

Query/Feedback

Your Email Id		**

Subject		*

Query/Feedback	Characters remaining 250	**