Pass Dictionary and List Context Data to Template and Display Values
📌 Introduction
In Django, data is passed from view → template using a context dictionary.
👉 Types of data we can pass:
- Variables
- Lists
- Dictionaries
This program demonstrates:
- Passing a list
- Passing a dictionary
- Displaying both in template
🎯 Program Statement
👉 Pass dictionary and list context data to a template and display values.
⚙️ Step 1: Create View
📁 File: views.py
🔹 Path:
myproject/myapp/views.py
🔹 Code:
from django.shortcuts import render
def student_data(request):
# List data
subjects = ["Python", "Java", "Django", "AI"]
# Dictionary data
student = {
"name": "Cherry",
"age": 18,
"course": "BCA"
}
return render(request, 'student.html', {
'subjects': subjects,
'student': student
})
🧠 Explanation
subjects→ liststudent→ dictionary- Both passed using context
⚙️ Step 2: URL Mapping
📁 File: urls.py
🔹 Path:
myproject/myproject/urls.py
🔹 Code:
from django.contrib import admin
from django.urls import path
from myapp import views
urlpatterns = [
path('admin/', admin.site.urls),
path('student/', views.student_data),
]
⚙️ Step 3: Create Template
📁 File: student.html
🔹 Path:
myproject/templates/student.html
🔹 Code:
<!DOCTYPE html>
<html>
<head>
<title>Student Data</title>
</head>
<body>
<h1>Student Details</h1>
<!-- Dictionary Access -->
<p>Name: {{ student.name }}</p>
<p>Age: {{ student.age }}</p>
<p>Course: {{ student.course }}</p>
<hr>
<h2>Subjects List</h2>
<!-- List Access -->
<ul>
{% for sub in subjects %}
<li>{{ sub }}</li>
{% endfor %}
</ul>
</body>
</html>
⚙️ Step 4: Run Server
python manage.py runserver
🌐 Step 5: Output
👉 http://127.0.0.1:8000/student/
✅ Output:
Student Details Name: Cherry Age: 18 Course: BCA Subjects List: • Python • Java • Django • AI
🧠 How It Works
- View creates list and dictionary
- Passes them via context
- Template accesses:
- Dictionary →
student.name - List → loop using
{% for %}
- Dictionary →
- Data displayed
🧠 Syntax Summary
✅ Passing Data:
return render(request, 'file.html', {'key': value})
✅ Access Dictionary:
{{ student.name }}
✅ Loop List:
{% for item in list %}
{{ item }}
{% endfor %}
⚠️ Common Errors
❌ Key mismatch
👉 Must match:
'student': student
{{ student.name }}
❌ Loop not working
👉 Check:
{% for sub in subjects %}
❌ Dictionary not displaying
👉 Use dot notation:
{{ student.name }}
NOT:
{{ student['name'] }}
🧪 Practice Questions
- Pass list of 5 students
- Pass dictionary of employee
- Display list in table format
- Add nested dictionary
🎤 Viva Questions & Answers
1. What is context in Django?
Context is a dictionary used to pass data from view to template. It contains key-value pairs.
2. How do we pass data to template?
Using render(request, template, context). Context contains variables to display.
3. How do we access dictionary in template?
Using dot notation like {{ student.name }}. It is simple and readable.
4. How do we display list data?
Using {% for %} loop to iterate and display each item.
5. Can we pass multiple data types?
Yes, we can pass lists, dictionaries, strings, numbers, and objects.
6. What is key-value pair in context?
Key is variable name used in template. Value is actual data from view.
7. Why not use student['name']?
Django templates use dot notation for simplicity and security.
8. What is dynamic data rendering?
Displaying data that comes from backend instead of static HTML.
9. What happens if key is wrong?
Template will not display data and may show empty output.
10. Can we pass database data similarly?
Yes, QuerySets can also be passed like lists and displayed in templates.
🔗 Navigation
👉 Next Post: Multiple Context and Variable Lookup
👉 Back to List: Django Programs (60 Questions with Solutions)
Further Reading
Introduction to Django Framework and its Features
Examples of Array Functions in PHP
Registration Form Using PDO in PHP
Inserting Information from Multiple CheckBox Selection in a Database Table in PHP
- Angular
- ASP.NET
- C
- C#
- C++
- CSS
- Dot Net Framework
- HTML
- IoT
- Java
- JavaScript
- Kotlin
- PHP
- Power Bi
- Python
- Scratch 3.0
- TypeScript
- VB.NET