Returning HTML templates in Django - Mini Project: Build & Apply

Returning HTML templates in Django

📖 Scenario: You are building a simple website for a local bookstore. You want to show a welcome page to visitors.

🎯 Goal: Create a Django view that returns an HTML template called welcome.html to display the welcome page.

📋 What You'll Learn

Create a Django view function named welcome_view

Use the render function to return the welcome.html template

Add a URL pattern that maps the root URL '' to welcome_view

Create a basic welcome.html template with a heading

💡 Why This Matters

🌍 Real World

Websites often need to show pages with HTML content. Django helps by letting you write views that return HTML templates easily.

💼 Career

Knowing how to return HTML templates in Django is essential for backend web developers working with Python and Django frameworks.

1

Create the welcome.html template

Create a file named welcome.html inside the templates folder. Add an <h1> tag with the text Welcome to the Bookstore.

Django

 tag -->

Hint

Use an <h1> tag inside the HTML file with the exact text.

2

Create the Django view function welcome_view

In your Django app's views.py, create a function named welcome_view that takes request as a parameter.

Django

# Define the welcome_view function here
# Your code here

Hint

Define a function with the exact name welcome_view and one parameter request.

3

Use render to return the welcome.html template

Import render from django.shortcuts. Inside welcome_view, return render(request, 'welcome.html').

Django

from django.shortcuts import render

def welcome_view(request):
    # Return the welcome.html template
    # Your code here

Hint

Use return render(request, 'welcome.html') inside the view function.

4

Add URL pattern for the root URL

In your app's urls.py, import welcome_view and add a URL pattern that maps the empty string '' to welcome_view.

Django

# Add URL pattern here
# Your code here

Hint

Use path('', welcome_view, name='welcome') inside urlpatterns.

Practice

1. What is the primary function used in Django views to return an HTML template to the user?

easy

A. render()

B. redirect()

C. HttpResponse()

D. get_template()

Solution

1. Step 1: Understand Django view response methods

   Django views can return HTML using several methods, but the most common and convenient is render().

2. Step 2: Identify the method that combines template rendering and response

   render() takes the request, template name, and context data, then returns an HttpResponse with the rendered HTML.

3. Final Answer:

   render() -> Option A

4. Quick Check:

   Use render() to return HTML templates [OK]

Hint: Remember: render() combines template and response [OK]

Common Mistakes:

• Confusing render() with redirect()
• Using HttpResponse() without rendering template
• Trying to use get_template() directly in views

2. Which of the following is the correct syntax to return a template named home.html with an empty context in a Django view?

easy

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

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

C. return render(request, 'home.html')

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

Solution

1. Step 1: Recall the render() function signature

   The correct order is render(request, template_name, context).

2. Step 2: Match the syntax with the correct order and parameters

   return render(request, 'home.html', {}) matches the correct order and includes an empty dictionary for context.

3. Final Answer:

   return render(request, 'home.html', {}) -> Option A

4. Quick Check:

   render(request, template, context) syntax [OK]

Hint: render() needs request, template, then context [OK]

Common Mistakes:

• Swapping the order of arguments
• Omitting the context dictionary
• Passing context before request

3. Given the following Django view code, what will be displayed in the rendered template if the template uses {{ greeting }}?

def hello_view(request):
    context = {'greeting': 'Hello, Django!'}
    return render(request, 'hello.html', context)

medium

A. {{ greeting }}

B. Hello, Django!

C. greeting

D. Error: greeting not defined

Solution

1. Step 1: Understand context dictionary usage

   The context dictionary passes variables to the template. Here, 'greeting' is set to 'Hello, Django!'.

2. Step 2: Template variable rendering

   The template uses {{ greeting }}, which will be replaced by the value from context, 'Hello, Django!'.

3. Final Answer:

   Hello, Django! -> Option B

4. Quick Check:

   Context variables render their values in templates [OK]

Hint: Context keys become template variables [OK]

Common Mistakes:

• Expecting template to show variable name literally
• Forgetting to pass context dictionary
• Using wrong variable names in template

4. Identify the error in this Django view code snippet:

def index(request):
    return render('index.html', request, {'title': 'Home'})

medium

A. Template name should be a variable, not string

B. Missing import for render()

C. Context dictionary is not allowed

D. Arguments to render() are in wrong order

Solution

1. Step 1: Check render() argument order

   The correct order is render(request, template_name, context). Here, the template name and request are swapped.

2. Step 2: Identify the impact of wrong argument order

   Swapping arguments causes a TypeError or unexpected behavior because render expects request first.

3. Final Answer:

   Arguments to render() are in wrong order -> Option D

4. Quick Check:

   render() needs request first, then template [OK]

Hint: render() always starts with request argument [OK]

Common Mistakes:

• Swapping request and template arguments
• Forgetting to import render
• Passing context as a list instead of dict

5. You want to display a list of products dynamically in your Django template. Which is the best way to pass this list from your view to the template?

hard

A. Use redirect('products.html') with products_list as argument

B. Return HttpResponse(products_list) directly without template

C. Use render(request, 'products.html', {'products': products_list}) and loop in template

D. Embed the list in the URL and parse it in the template

Solution

1. Step 1: Understand passing data to templates

   To show dynamic data like a list, pass it in the context dictionary to the template using render().

2. Step 2: Use template loops to display list items

   The template can loop over products to display each product. Other options do not properly render HTML with data.

3. Final Answer:

   Use render(request, 'products.html', {'products': products_list}) and loop in template -> Option C

4. Quick Check:

   Pass data in context dict for dynamic templates [OK]

Hint: Pass data via context dict and loop in template [OK]

Common Mistakes:

• Trying to send data via redirect
• Returning raw data without template
• Embedding data in URL instead of context