How to Use For Loop in Django Template

This is our tenth article in Django, in this article we are going to learn How to Use For Loop in Django Template, so a Django template is a text document or a Python string marked-up using the Django template language. and using the for tag we can loop over an array or a list in Django Templates.

Flask Web Development Tutorials

1: Flask CRUD Application with SQLAlchemy

2: Flask Creating News Web Application

3: Flask Creating REST API with Marshmallow

Python GUI Development Tutorials

1: PyQt5 GUI Development Tutorials

2: Pyside2 GUI Development Tutorials

3: wxPython GUI Development Tutorials

4: Kivy GUI Development Tutorials

5: TKinter GUI Development Tutorials

OK first of all you need to create a project in Django, we have already covered the

creation of the Django project in our previous article Django Introduction & Installation.

but you can use this command for creating of Django Project.

django-admin startproject MyProject

1	django-admin startproject MyProject

After creation of the Django Project, you need to migrate your Django Project.

cd MyProject
python manage.py migrate

1 2	cd MyProject python manage.py migrate

Now we need to create an App, you can read the complete article about Django Apps in this link Django Apps & URL Routing . i have named my App as news, but you can name it what ever you want.

python manage.py startapp news

1	python manage.py startapp news

Also you need to add your newly created app in the Django settings.py INSTALLED_APPS. make sure that always do this process after creating a new App.

INSTALLED_APPS = [
    'django.contrib.admin',
    'django.contrib.auth',
    'django.contrib.contenttypes',
    'django.contrib.sessions',
    'django.contrib.messages',
    'django.contrib.staticfiles',
    'contact',
    'news',
]

INSTALLED_APPS = [

'django.contrib.admin',

'django.contrib.auth',

'django.contrib.contenttypes',

'django.contrib.sessions',

'django.contrib.messages',

'django.contrib.staticfiles',

'contact',

'news',

]

OK before this we have talked about how you can use templates in django, you can check this article Django Templates Introduction. but you need to just create a templates folder in your project and you need to add some html files. basically we are going to create three html files. and also don’t forget to add your templates folder in your settings.py DIRS Section. also we have talked about template inheritance in django, Django Template Inheritance.

This is our navbar.html, and we have already included this file in to our base.html, you can check this article for How to Include Template Tag in Django Django Include Template Tag. also we have used url template tag for linking of the views with our navbar, you can read this article for that Django URL Template Tag.

<nav>
<ul>
 
    <li><a href="{% url 'home' %}" >Home</a></li>
    <li><a href="{% url 'contact' %}" >Contact</a></li>
    <li><a href="{% url 'about' %}" >About</a></li>
 
</ul>
 
</nav

<nav>

<ul>

<li><a href="{% url 'contact' %}" >Contact</a></li>

<li><a href="{% url 'about' %}" >About</a></li>

</ul>

</nav

And this is our base.html.

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>{% block title %}{% endblock %}</title>
</head>
 
{% include 'navbar.html' %}
 
<body>
{% block body %}
 
 
{% endblock %}
</body>
</html>

<!DOCTYPE html>

<head>

<title>{% block title %}{% endblock %}</title>

</head>

{% include 'navbar.html' %}

<body>

{% block body %}

{% endblock %}

</body>

</html>

Now this is our view functions and iam going to send some static data from my home view function to the home.html template. you can read this article for using template context in django Template Context in Django.

from django.shortcuts import render

def home(request):

    context = {
               "mylist":["Codeloop", "Python", "Java", "C#", "C++", "Ruby", "Kotlin"]}

    return render(request, "home.html", context)


def about(request):
    return render(request, "about.html")

def contact(request):
    return render(request, "contact.html")

from django.shortcuts import render

def home(request):

context = {

"mylist":["Codeloop", "Python", "Java", "C#", "C++", "Ruby", "Kotlin"]}

return render(request, "home.html", context)

def about(request):

return render(request, "about.html")

def contact(request):

return render(request, "contact.html")

You can see that we have a list of items in our home view, now we are going to iterate over this list with Django For Loop Template tag in our home.html.

And these are our three templates, basically in the home.html we are going to iterate over our list.

templates/home.html

{% extends 'base.html' %}

{% block title %} Home {% endblock %}


{% block body %}

<h1>Codeloop.org, This is our Home Page</h1>
<p>Django Tutorial Number 10 , Using For Loop in Template Tag</p>


{% for list in mylist %}

<ul>
    <li><h4>{{list}}</h4></li>

</ul>

{% endfor %}


{% endblock %}

{% extends 'base.html' %}

{% block title %} Home {% endblock %}

{% block body %}

<h1>Codeloop.org, This is our Home Page</h1>

<p>Django Tutorial Number 10 , Using For Loop in Template Tag</p>

{% for list in mylist %}

<ul>

</ul>

{% endfor %}

{% endblock %}

templates/about.html

{% extends 'base.html' %}

{% block title %} About {% endblock %}


{% block body %}

<h1>Codeloop.org, this is our about page</h1>
<p>Django Tutorial Number 10 , Using For Loop in Template Tag</p>

{% endblock %}

{% extends 'base.html' %}

{% block title %} About {% endblock %}

{% block body %}

<h1>Codeloop.org, this is our about page</h1>

<p>Django Tutorial Number 10 , Using For Loop in Template Tag</p>

{% endblock %}

templates/contact.html

{% extends 'base.html' %}

{% block title %} Contact {% endblock %}


{% block body %}

<h1>Codeloop.org, this is our contact page</h1>
<p>Django Tutorial Number 10 , Using For Loop in Template Tag</p>

{% endblock %}

{% extends 'base.html' %}

{% block title %} Contact {% endblock %}

{% block body %}

<h1>Codeloop.org, this is our contact page</h1>

<p>Django Tutorial Number 10 , Using For Loop in Template Tag</p>

{% endblock %}

Also you need to create your urls, you can read this article for url routing Django Apps & URL Routing . but just create a new python file in your news app at name of urls.py and add these codes.

from django.urls import path
from .views import home, about,contact

urlpatterns = [
    path('', home, name = 'home'),
   path('about/', about, name = 'about'),
   path('contact/', contact, name = 'contact'),


]

from django.urls import path

from .views import home, about,contact

urlpatterns = [

path('', home, name = 'home'),

path('about/', about, name = 'about'),

path('contact/', contact, name = 'contact'),

]

And also you need to include your app urls.py in your project urls.py file.

from django.contrib import admin
from django.urls import path,include

urlpatterns = [
    path('admin/', admin.site.urls),

    path('', include('news.urls')),
]

from django.contrib import admin

from django.urls import path,include

urlpatterns = [

path('admin/', admin.site.urls),

path('', include('news.urls')),

]

Now you can run the project and you can see our data in the home page

python manage.py runserver

1	python manage.py runserver

http://localhost:8000/

Subscribe and Get Free Video Courses & Articles in your Email