Custom Login And Registration

Create A App name user

django-admin startapp users

register the users application in the installed apps of the settings.py

INSTALLED_APPS = [
    'users',   
]

urls.py | users app folder

from django.urls import path
from . import views

urlpatterns = []

Include app urls.py to project urls.py

urls.py | Djangoproject Folder

from django.contrib import admin
from django.urls import path, include

urlpatterns = [
    path('admin/', admin.site.urls),
    path('users/',include('users.urls')),
]

urls.py | users Folder

from django.urls import path
from . import views

urlpatterns = [
    path('login/', views.sign_in, name='login'),
    ]

forms.py | users App folder

from django import forms


class LoginForm(forms.Form):
    username = forms.CharField(max_length=65)
    password = forms.CharField(max_length=65, widget=forms.PasswordInput)

views.py | users app Folder

from django.shortcuts import render
from .forms import LoginForm


def sign_in(request):
    if request.method == 'GET':
        form = LoginForm()
        return render(request, 'users/login.html', {'form': form})

create the templates/users directory inside the users application:

templates/users/login.html| users app Folder


<!DOCTYPE html>
<html lang="en">
<head>
   <meta charset="UTF-8">
   <meta http-equiv="X-UA-Compatible" content="IE=edge">
   <meta name="viewport" content="width=device-width, initial-scale=1.0">
   <title>Document</title>
</head>
<body>
   <form method="POST" novalidate>
       

<div data-gb-custom-block data-tag="csrf_token"></div>

       <h2>Login</h2>
       {{form.as_p}}
       <input type="submit" value="Login" />
   </form>
   
</body>
</html>

Form Output

Form Processing After submit

views.py| users app Folder

from django.shortcuts import render, redirect
from django.contrib import messages
from django.contrib.auth import login, authenticate
from .forms import LoginForm


def sign_in(request):

    if request.method == 'GET':
        form = LoginForm()
        return render(request,'users/login.html', {'form': form})
    
    elif request.method == 'POST':
        form = LoginForm(request.POST)
        
        if form.is_valid():
            username = form.cleaned_data['username']
            password = form.cleaned_data['password']
            user = authenticate(request,username=username,password=password)
            if user:
                login(request, user)
                messages.success(request,f'Hi {username.title()}, welcome back!')
                return redirect('blog')
        
        # form is not valid or user is not authenticated
        messages.error(request,f'Invalid username or password')
        return render(request,'users/login.html',{'form': form})

Logout form

urls.py |users app Folder

from django.urls import path
from . import views

urlpatterns = [
        path('login/', views.sign_in, name='login'),
        path('logout/',views.sign_out,name='logout'),

]

from django.contrib.auth import login, authenticate, logout

def sign_out(request):
    logout(request)
    messages.success(request,f'You have been logged out.')
    return redirect('login')

Log In User redirect

        if request.user.is_authenticated:
            return redirect('posts')

  		

<div data-gb-custom-block data-tag="if">

 			<span>Hi {{ request.user.username | title }}</span>
 			<a href="

<div data-gb-custom-block data-tag="url" data-0='logout'></div>">Logout</a>
 		<div data-gb-custom-block data-tag="else"></div>

 			<a href="

<div data-gb-custom-block data-tag="url" data-0='login'></div>">Login</a>
 		</div>

Only Logged User Can Access

Frontend Page Protect

html template some section only for login user can view. suppose edit button and delete button only for registered user.

		

<div data-gb-custom-block data-tag="if">

		<p>
			<a href="

<div data-gb-custom-block data-tag="url" data-0='post-edit'></div>">Edit</a> 
			<a href="<div data-gb-custom-block data-tag="url" data-0='post-delete'></div>">Delete</a>
		</p>
		</div>

Backend Protect

create, update, and delete post functions using the login_required decorator views.py

from django.contrib.auth.decorators import login_required

@login_required
def delete_post(request, id):
  pass
  
@login_required
def edit_post(request, id):
  pass
  
@login_required
def create_post(request):
 pass

আমরা যদি লগআউট অবস্থায় কোন লিংক এ একসেস করার চেষ্টা করি তাহলে ডিফল্ট ভাবে accounts/login/ এই লিংকে পাঠিয়ে দেবে লগইন করার জন্য। কিন্তু আমাদের লগইন ইউআরএল আগে আমরা users app এ users/login/ করেছিলাম এই লিংক পাওয়ানোর জন্য প্রজেক্ট এর settings.py ফাইলে login url ডিফাইন করে দেব

settings.py|project Folder

LOGIN_URL = 'login'

Registration Form

urls.py | users app Folder

    path('register/', views.sign_up, name='register'),

forms.py | users app Folder

from django.contrib.auth.models import User
from django.contrib.auth.forms import UserCreationForm

class RegisterForm(UserCreationForm):
    class Meta:
        model=User
        fields = ['username','email','password1','password2']

views.py | users app folder

from .forms import LoginForm,RegisterForm
def sign_up(request):
    if request.method == 'GET':
        form = RegisterForm()
        return render(request, 'users/register.html', { 'form': form})

Create a file Template/users/register.html Folder inside app folder

<form method="POST" novalidate>
	

<div data-gb-custom-block data-tag="csrf_token"></div>

	<h2>Sign Up</h2>
	{{ form.as_p }}		
	<input type="submit" value="Register" />
</form>

Form Like This

Customize the Django register form

templates/users/register.html

<form method="POST" novalidate>
	

<div data-gb-custom-block data-tag="csrf_token"></div>

	<h2>Sign Up</h2>
		
	

<div data-gb-custom-block data-tag="for">

	<p>
		

<div data-gb-custom-block data-tag="if">

		<ul class="errorlist">
			

<div data-gb-custom-block data-tag="for">

			<li>{{ error }}</li>
			

</div>

		</ul>
		

</div>

	 	{{ field.label_tag }} {{ field }}
	</p>
	

</div>

	<input type="submit" value="Register" />
</form>

Registration logic

views.py

def sign_up(request):
    if request.method == 'GET':
        form = RegisterForm()
        return render(request, 'users/register.html', {'form': form})    
   
    if request.method == 'POST':
        form = RegisterForm(request.POST) 
        if form.is_valid():
            user = form.save(commit=False)
            user.username = user.username.lower()
            user.save()
            messages.success(request, 'You have singed up successfully.')
            login(request, user)
            return redirect('blog')
        else:
            return render(request, 'users/register.html', {'form': form})

Registration Form Link


<div data-gb-custom-block data-tag="if">

	<a href="

<div data-gb-custom-block data-tag="url" data-0='register'></div>

">Register</a>

</div>

https://i.postimg.cc/gJkvTTXm/register1.png

PreviousChange Password (Default)NextProtecting View

Last updated 3 years ago

hashtagDjango Login/Registraion

hashtagCreate A App name user

hashtagCreate a login form

hashtagForm Output

hashtagForm Processing After submit

hashtagLogout form

hashtagLog In User redirect

hashtagLogin/Logout Link

hashtagOnly Logged User Can Access

hashtagFrontend Page Protect

hashtagBackend Protect

hashtagRegistration Form

hashtagRegistration logic

hashtagRegistration Form Link

Django Login/Registraion