How To Create Custom Login Page In Django

Websolutionstuff | May-14-2022 | Categories : Python

In this article, we will see how to create a custom login page in django. how to allow user registration, login, and logout functionality. how to permit only authenticated users to a view via the use of a custom login form. Django by default provides an authentication system configuration but in this example, we will learn a custom login page in Django.

So, let's see Django create a custom login page, Django login, and registration, create a custom authentication Django, Django login form, custom login, and logout in Django.

In the file, we need some minor changes like the below code.

+ 'django.contrib.auth.middleware.AuthenticationMiddleware' to MIDDLEWARE_CLASSES
+ 'django.contrib.auth' and 'django.contrib.contenttypes'to INSTALLED_APPS



Once done update your database by running 'python syncdb'.

the custom login page is created via another template. In this case, we have named it login.html

Note: the CSS styling is bootstrap.

{% extends "website-base.html" %}
{% block main %}
    <div id="login">
        <form class="form-horizontal" name="LoginForm" action="/login/" method="post">
        {% csrf_token %}
        {% if next %}
            <input type="hidden" name="next" value="{{ next }}" />
        {% endif %}
        <div class="control-group">
            <label class="control-label" for="username">Username</label>
            <div class="controls">
                <input type="text" id="username" name="username"  placeholder="Username">
        <div class="control-group">
            <label class="control-label" for="password">Password</label>
            <div class="controls">
                <input type="password" name="password" id="password" placeholder="Password">
        <div class="control-group">
            <div class="controls">
                <button type="submit" class="btn">Login</button>
{% endblock %}

To output that the user is logged in within your main base template you can use the following syntax,

<p>Welcome, {{ user.username }}.</p>

Now add the URL in the file.

from django.conf.urls.defaults import patterns, include, url

urlpatterns = patterns('',
    url(r'^main/$', 'example.views.main'),
    (r'^login/$', 'example.views.login_user'),



Finally, we build a new view. This will take the username and password from the POST and test them against the currently active users within Django's auth system. only authenticated users can access the view. So, we will use def main(request). This decorator is used if the user is not authenticated and sends them back to the login page.

from django.http import *
from django.shortcuts import render_to_response,redirect
from django.template import RequestContext
from birthdayreminder.models import *
from django.contrib.auth.decorators import login_required
from django.contrib.auth import authenticate, login, logout

def login_user(request):
    username = password = ''
    if request.POST:
        username = request.POST['username']
        password = request.POST['password']

        user = authenticate(username=username, password=password)
        if user is not None:
            if user.is_active:
                login(request, user)
                return HttpResponseRedirect('/main/')
    return render_to_response('login.html', context_instance=RequestContext(request))

def main(request):

Note: The reason 'logout(request)' is added to the top of the view is so, that if you ever go to the login.html page directly then the user is logged out.


You might also like :

Recommended Post
Featured Post
How To Change Datepicker Start Date In Angular 15
How To Change Datepicker Start...

In this tutorial, I will guide you through the process of changing the start date of a datepicker component in Angular 1...

Read More


How To Merge Two PDF Files In Laravel 9
How To Merge Two PDF Files In...

In this article, we will see how to merge two pdf files in laravel 9. Here, we will learn laravel 8/9 to merge two...

Read More


How To Block IP Address In Laravel 10
How To Block IP Address In Lar...

In this article, we will see how to block IP addresses in laravel 10. Here we will learn about how to restrict...

Read More


How To Remove Specific Item From Array In Javascript
How To Remove Specific Item Fr...

In this article, we will see how to remove a specific item from an array in javascript. We will use the indexOf() m...

Read More