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 settings.py 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 manage.py 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>
        </div>
        <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>
        </div>
        <div class="control-group">
            <div class="controls">
                <button type="submit" class="btn">Login</button>
            </div>
        </div>
        </form>
    </div>
{% 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 urls.py 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):
    logout(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))

@login_required(login_url='/login/')
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 Use Laravel Factory in Seeder
How to Use Laravel Factory in...

Laravel is a popular PHP framework known for its elegance and simplicity in building web applications. When it comes to...

Read More

Sep-13-2023

Export Buttons In Datatable
Export Buttons In Datatable

In this tutorial i will show you How To Add Export Buttons In Datatable, If you want to export DataTable data...

Read More

Sep-02-2020

Laravel tips DB Models and Eloquent - Part 3
Laravel tips DB Models and Elo...

Welcome back to the third installment of our series on Laravel tips for database models and Eloquent. If you've been...

Read More

Oct-16-2023

How to Install Composer on Ubuntu 22.04
How to Install Composer on Ubu...

Hey there! If you're diving into the world of PHP development on your Ubuntu 22.04 machine, you'll likely come a...

Read More

Jan-10-2024