Flask Jinja Templates And Python Functions
In this video, I continue the Flask series by showing how to work with Jinja templates and Python functions to build dynamic pages the right way. I cover how Flask passes data from Python into HTML templates, how Jinja expressions and control structures work, and how to keep application logic in Python while using templates to render clean output.
I focus on a practical workflow that helps when building real web apps: defining routes, preparing data in Python, sending that data into templates, and displaying it with Jinja in a readable way. I also show how Python functions can be used to organize reusable logic so templates stay simple and your Flask project remains easier to maintain as it grows.
A specific technical use case in this lesson is a product dashboard for a small inventory system. Imagine you have a Flask app that stores product names, prices, stock counts, and categories. Instead of hardcoding values into HTML, I show the pattern of creating the data in Python, passing it to a template, and using Jinja to loop through products, display conditional messages such as low stock warnings, and render values dynamically. This same approach applies to admin panels, blog pages, reporting tools, internal company dashboards, and data-driven CRUD apps.
Topics covered include:
rendering templates with Flask
passing variables from Python to Jinja templates
displaying dynamic values in HTML
using loops in templates
using conditional statements in templates
organizing Python functions for cleaner route logic
separating presentation from backend logic
building maintainable Flask page rendering patterns
Code examples used in the video include:
app.py
from flask import Flask, render_template
app = Flask(__name__)
def get_products():
return [
{"name": "Keyboard", "price": 49.99, "stock": 12},
{"name": "Mouse", "price": 19.99, "stock": 3},
{"name": "Monitor", "price": 199.99, "stock": 0}
]
@app.route("/")
def home():
products = get_products()
return render_template("index.html", products=products, title="Inventory Dashboard")
if _name_ == "__main__":
app.run(debug=True)
index.html
!doctype html
html
head
title{{ title }}/title
/head
body
h1{{ title }}/h1
{% for product in products %}
div
h2{{ product.name }}/h2
pPrice: ${{ product.price }}/p
{% if product.stock 0 %}
pIn stock: {{ product.stock }}/p
{% else %}
pOut of stock/p
{% endif %}
/div
{% endfor %}
/body
/html
This approach is important because it keeps the Flask route responsible for preparing data while the Jinja template focuses on presentation. That separation makes your code easier to debug, easier to extend, and much cleaner when you start adding more pages, forms, filters, database queries, or reusable helper functions.
If you are learning Flask for backend development, Python web development, or full stack projects, this part helps connect the backend and frontend in a way that is actually useful for real applications. Jinja templates are one of the core pieces of Flask, and understanding how they work with Python functions gives you a strong foundation for building dynamic websites without mixing too much logic into your HTML.
I keep the examples practical and focused so you can follow along and apply the same structure to your own projects, whether you are building a portfolio site, product listing page, task manager, or internal tool. By the end, you should have a clearer understanding of how Flask renders templates, how Jinja handles dynamic content, and how Python functions help keep your project organized.
#flask #python #jinja2 #webdevelopment #pythonwebdevelopment #flasktutorial #backenddevelopment