TemplateView for simple pages in Django - Interactive Code Practice

Practice - 5 Tasks

1fill in blank

easy

Complete the code to import the correct class for rendering a simple template page.

Django

from django.views.generic import [1]

Drag options to blanks, or click blank then click option'

AListView

BTemplateView

CDetailView

DFormView

Attempts:

3 left

💡 Hint

Common Mistakes

Choosing ListView or DetailView which are for models.

Using FormView which is for forms.

The TemplateView class is used to render simple template pages without extra logic.

2fill in blank

medium

Complete the code to define a simple TemplateView class that uses 'about.html' as its template.

Django

class AboutPageView([1]):
    template_name = 'about.html'

Drag options to blanks, or click blank then click option'

ATemplateView

BListView

CDetailView

DFormView

Attempts:

3 left

💡 Hint

Common Mistakes

Using ListView or DetailView which require models.

Forgetting to set the template_name attribute.

To create a simple page, inherit from TemplateView and set template_name.

3fill in blank

hard

Fix the error in the URL pattern to correctly use the AboutPageView class.

Django

from django.urls import path
from .views import AboutPageView

urlpatterns = [
    path('about/', [1].as_view(), name='about'),
]

Drag options to blanks, or click blank then click option'

AAboutPageView.as_view

BAboutPageView()

CAboutPageView.as_view()

DAboutPageView

Attempts:

3 left

💡 Hint

Common Mistakes

Using AboutPageView without calling as_view().

Calling AboutPageView() which creates an instance, not a view function.

In URL patterns, you must call as_view() as a method with parentheses to get the view function.

4fill in blank

hard

Fill both blanks to add extra context data to the template in a TemplateView subclass.

Django

class ContactPageView(TemplateView):
    template_name = 'contact.html'

    def get_context_data(self, **kwargs):
        context = super().[1](**kwargs)
        context['email'] = [2]
        return context

Drag options to blanks, or click blank then click option'

Aget_context_data

Bget_context

C'[e-mail]'

D'[e-mail]'

Attempts:

3 left

💡 Hint

Common Mistakes

Using wrong method name like get_context.

Forgetting to call super().get_context_data.

Not returning the context dictionary.

Override get_context_data to add data. Use super().get_context_data(**kwargs) to get base context.

Then add your extra data like the email string.

5fill in blank

hard

Fill all three blanks to create a URL pattern for a TemplateView that uses a custom name and template.

Django

from django.urls import path
from django.views.generic import [1]

urlpatterns = [
    path('help/', [2].as_view(template_name=[3]), name='help'),
]

Drag options to blanks, or click blank then click option'

ATemplateView

BHelpPageView

C'help.html'

D'help_page.html'

Attempts:

3 left

💡 Hint

Common Mistakes

Using a view class that is not imported.

Passing template_name without quotes.

Using a non-existent view class like HelpPageView without defining it.

You can use TemplateView directly in URL patterns by calling as_view() with template_name set.

Here, the template is 'help_page.html' and the view class is TemplateView.

Practice

1. What is the main purpose of Django's TemplateView?

easy

A. To manage user authentication and sessions

B. To handle form submissions and validations

C. To connect to the database and fetch records

D. To display a simple static page using a specified template

Solution

1. Step 1: Understand TemplateView's role

   TemplateView is designed to render a template without extra logic, ideal for static pages.

2. Step 2: Compare with other views

   Other views like form views or model views handle forms or data, but TemplateView just shows a template.

3. Final Answer:

   To display a simple static page using a specified template -> Option D

4. Quick Check:

   TemplateView = static page display [OK]

Hint: TemplateView shows templates only, no data or forms [OK]

Common Mistakes:

• Confusing TemplateView with form or data views
• Thinking TemplateView handles database queries
• Assuming TemplateView manages user sessions

2. Which is the correct way to specify the template file in a Django TemplateView?

easy

A. template_name = 'home.html'

B. templateFile = 'home.html'

C. template = 'home.html'

D. templateFileName = 'home.html'

Solution

1. Step 1: Recall TemplateView attribute

   The attribute to set the template file is template_name.

2. Step 2: Check syntax correctness

   Options A, B, and D use incorrect attribute names not recognized by Django.

3. Final Answer:

   template_name = 'home.html' -> Option A

4. Quick Check:

   Use template_name to set template [OK]

Hint: Always use template_name to set the template file [OK]

Common Mistakes:

• Using template instead of template_name
• Using camelCase instead of snake_case
• Misspelling the attribute name

3. Given this Django view code, what will be the rendered output when visiting the URL?

from django.views.generic import TemplateView

class AboutPageView(TemplateView):
    template_name = 'about.html'

Assuming about.html contains <h1>About Us</h1>, what will the browser show?

medium

A. A blank page with no content

B. An error because no context is provided

C. <h1>About Us</h1> displayed in the browser

D. The raw HTML code <h1>About Us</h1> as plain text

Solution

1. Step 1: Understand TemplateView behavior

   TemplateView renders the specified template as HTML without needing extra context.

2. Step 2: Check template content

   The template about.html contains <h1>About Us</h1>, so this will be rendered as a heading.

3. Final Answer:

   <h1>About Us</h1> displayed in the browser -> Option C

4. Quick Check:

   TemplateView renders template content as HTML [OK]

Hint: TemplateView shows template HTML as rendered page [OK]

Common Mistakes:

• Expecting an error without context
• Thinking raw HTML code shows as text
• Assuming TemplateView needs extra code to render

4. What is wrong with this Django TemplateView code?

from django.views.generic import TemplateView

class ContactView(TemplateView):
    template = 'contact.html'

medium

A. The attribute should be template_name, not template

B. The template file must be a .txt file, not .html

C. The template file must be in a templates folder named 'contact'

D. The class must inherit from View, not TemplateView

Solution

1. Step 1: Check attribute name for template

   The correct attribute to specify the template file in TemplateView is template_name.

2. Step 2: Identify the error in code

   This code uses template, which Django does not recognize, causing the view to fail to find the template.

3. Final Answer:

   The attribute should be template_name, not template -> Option A

4. Quick Check:

   Use template_name attribute for templates [OK]

Hint: Use template_name, not template, to specify template file [OK]

Common Mistakes:

• Using template instead of template_name
• Assuming template folder name must match view name
• Thinking template files must be .txt

5. You want to create a simple Terms and Conditions page using Django's TemplateView. Which of these is the best way to do it?

hard

A. from django.views.generic import TemplateView

class TermsView(TemplateView):
template_name = 'terms.html'
def get(self, request):
return HttpResponse('Terms page')

B. from django.views.generic import TemplateView

class TermsView(TemplateView):
template_name = 'terms.html'

# In urls.py
path('terms/', TermsView.as_view(), name='terms')

C. from django.views import View

class TermsView(View):
def get(self, request):
return render(request, 'terms.html')

D. from django.shortcuts import render

def terms_view(request):
return render(request, 'terms.html')

Solution

1. Step 1: Use TemplateView for simple static pages

   TemplateView is designed to serve static templates easily by setting template_name.

2. Step 2: Check URL configuration

   from django.views.generic import TemplateView class TermsView(TemplateView): template_name = 'terms.html' # In urls.py path('terms/', TermsView.as_view(), name='terms') correctly uses as_view() and sets the URL path, which is the standard pattern.

3. Step 3: Compare other options

   from django.views.generic import TemplateView class TermsView(TemplateView): template_name = 'terms.html' def get(self, request): return HttpResponse('Terms page') overrides get incorrectly and returns plain HttpResponse, losing template rendering. from django.views import View class TermsView(View): def get(self, request): return render(request, 'terms.html') uses View but misses render import and is more complex. from django.shortcuts import render def terms_view(request): return render(request, 'terms.html') uses a function view, which works but is not using TemplateView.

4. Final Answer:

   Use TemplateView with template_name and as_view() in urls.py -> Option B

5. Quick Check:

   TemplateView + template_name + as_view() = simple static page [OK]

Hint: Use TemplateView with template_name and as_view() for static pages [OK]

Common Mistakes:

• Overriding get method unnecessarily
• Not using as_view() in URL patterns
• Using function views instead of TemplateView for simple pages