Registration with UserCreationForm in Django - Mini Project: Build & Apply

Registration with UserCreationForm

📖 Scenario: You are building a simple user registration page for a website. Users will create accounts by entering a username and password.

🎯 Goal: Create a Django registration form using UserCreationForm and display it on a page.

📋 What You'll Learn

Create a Django view that uses UserCreationForm

Render the form in a template

Add a URL pattern for the registration page

Display the form fields for username and password

💡 Why This Matters

🌍 Real World

User registration is a common feature in websites and apps to allow users to create accounts and access personalized content.

💼 Career

Understanding how to implement user registration with Django's UserCreationForm is essential for backend web development roles using Django.

1

Create the registration view

In views.py, import UserCreationForm from django.contrib.auth.forms. Then create a function-based view called register that creates an instance of UserCreationForm and passes it to the template context as form.

Django

from django.contrib.auth.forms import UserCreationForm
from django.shortcuts import render

# Create the register view below
# Your code here

Need a hint?

Import UserCreationForm and create a view function named register. Inside it, create form = UserCreationForm() and return render(request, 'register.html', {'form': form}).

2

Create the registration template

Create a template file named register.html. Inside it, add a simple HTML form that uses method="post" and includes the Django template tag {% csrf_token %}. Render the form fields using {{ form.as_p }}. Add a submit button with the text Register.

Django

from django.contrib.auth.forms import UserCreationForm
from django.shortcuts import render

def register(request):
    form = UserCreationForm()
    return render(request, 'register.html', {'form': form})


# Your code here

Need a hint?

Use a <form method="post"> tag. Inside it, add {% csrf_token %}, then {{ form.as_p }} to show the form fields, and a submit button labeled Register.

3

Add URL pattern for registration

In your Django app's urls.py, import the register view from views. Add a URL pattern that maps the path register/ to the register view with the name register.

Django

from django.urls import path
from .views import register

# Add URL pattern for register view below
# Your code here

Need a hint?

Import register from views. Then add path('register/', register, name='register') to urlpatterns.

4

Enable form submission handling

Update the register view in views.py to handle POST requests. When the request method is POST, create a UserCreationForm instance with request.POST. If the form is valid, save the new user and redirect to the homepage at '/'. Otherwise, render the form with errors.

Django

from django.contrib.auth.forms import UserCreationForm
from django.shortcuts import render, redirect

def register(request):
    # Handle POST and GET requests
    # Your code here

# register.html content:
"""

  {% csrf_token %}
  {{ form.as_p }}
  Register

"""

from django.urls import path
from .views import register

urlpatterns = [
    path('register/', register, name='register'),
]

Need a hint?

Check if request.method == 'POST'. If yes, create form = UserCreationForm(request.POST). If form.is_valid(), save and redirect to '/'. Otherwise, create a blank form and render it.