Skip to content

Inheritance

  • The most important part of Jinja is template inheritance.
  • Template inheritance permits you to build a base template that contains all the common items of your wish.
  • Next you can define blocks named child templates that can override the base template. .

The following programs specify how it executes:

  • create main.py and create a folder templates.
  • Within templates folder create base.html (base class) and index.html(derived class).

python code for inheritance

  • File: main.py 
     1
 2
 3
 4
 5
 6
 7
 8
 9
10
11
    from flask import Flask, render_template
import random

app = Flask("app")

@app.route("/")
def home():
    # Generate the home page
  return render_template("index.html")

app.run(host = "0.0.0.0", port = "8080")
  • File: base.html 
     1
 2
 3
 4
 5
 6
 7
 8
 9
10
11
12
13
14
15
16
17
    <!doctype html>
<html>
  <head>
    {% block head %}

    <title>{% block title %}Hello{% endblock %} </title> My Webpage - From Base class
    {% endblock %}
  </head>
  <body>
      {% block content %}
      {% endblock %}
      {% block footer %}
      &copy; Copyright 2022 by IITM - From base class
      {% endblock %}

  </body>
</html>
  • File: index.html 
     1
 2
 3
 4
 5
 6
 7
 8
 9
10
11
12
13
14
15
16
17
18
19
20
    <!DOCTYPE html>
<html>
    <head>
        <title>Home Page</title>

    </head>
    <body>

      {% extends "base.html" %}
      {% block content %}

            <h1>Main Page - From child class</h1>
      <div>
      Welcome to IITM App Development course - From Child class
      </div>


            {% endblock %}
    </body>
</html>

Output

title

Reference

https://jinja.palletsprojects.com/en/2.10.x/templates/

Authors(Git):Devi(98.67%), Thejesh GN(1.33%)