Django Login And Registration With Source Code

The Django Login And Registration is developed using Python Django, HTML and CSS, This Django Login Example teach you on how to Create Login Page Django. This Login Django Tutorial includes a registration page and login page for the users.

A Login Page Using Django features: the user can create their account and login their account into the system. This Django Login Page is good for the beginners who wants to learn in Python Django.

This Django Login Form Bootstrap also includes a downloadable Django Login Page Template for free, just find the downloadable source code below and click to start downloading.

To start creating a Django Login And Registration, makes sure that you have PyCharm Professional IDE Installed in your computer.

Reminders

To perform this python django project make sure that you have knowledge in the following:

CSS
HTML
Javascript
Database Management

Registration – In this feature, the user can “sign up” or “register” their account before can perform login to the system.
Login – In this feature, the user can login their account into the system.

web – In this method which is the main method of the system project that consist of different python script, and this method you can found the template design that being used, like HTML and CSS.
website – In this method which is direct location when you run the project.

Django Login And Registration With Source Code

Step 1: Open file.
First , open “pycharm professional” after that click “file” and click “new project“.
Step 2: Choose Django.
Second, after click “new project“, choose “Django” and click.
Step 3: Select file location.
Third, select a file location wherever you want.
Step 4: Create application name.
Fourth, name your application.
Step 5: Click create.
Fifth, finish creating project by clicking “create” button.
Step 6: Start of coding.
you are free to copy the following codes below in the given modules and method required.

The Following Module Given Below Are Under The “Website” Method

The Code Given Below Is For The “setting.py” Module – you can add the following code below into your “setting.py” under the website method.

import os

# Build paths inside the project like this: os.path.join(BASE_DIR, ...)
BASE_DIR = os.path.dirname(os.path.dirname(os.path.abspath(__file__)))


# Quick-start development settings - unsuitable for production
# See https://docs.djangoproject.com/en/1.11/howto/deployment/checklist/

# SECURITY WARNING: keep the secret key used in production secret!
SECRET_KEY = 'nm%4a#(e!2bm8m9*z2yn9i!m8hxphxo4&amp;(+xe2@5x7#i=)m953'

# SECURITY WARNING: don't run with debug turned on in production!
DEBUG = True

ALLOWED_HOSTS = &#91;]


# Application definition

INSTALLED_APPS = &#91;
    'django.contrib.admin',
    'django.contrib.auth',
    'django.contrib.contenttypes',
    'django.contrib.sessions',
    'django.contrib.messages',
    'django.contrib.staticfiles',
    'web',
]

MIDDLEWARE = &#91;
    'django.middleware.security.SecurityMiddleware',
    'django.contrib.sessions.middleware.SessionMiddleware',
    'django.middleware.common.CommonMiddleware',
    'django.middleware.csrf.CsrfViewMiddleware',
    'django.contrib.auth.middleware.AuthenticationMiddleware',
    'django.contrib.messages.middleware.MessageMiddleware',
    'django.middleware.clickjacking.XFrameOptionsMiddleware',
]

ROOT_URLCONF = 'website.urls'

TEMPLATES = &#91;
    {
        'BACKEND': 'django.template.backends.django.DjangoTemplates',
        'DIRS': &#91;],
        'APP_DIRS': True,
        'OPTIONS': {
            'context_processors': &#91;
                'django.template.context_processors.debug',
                'django.template.context_processors.request',
                'django.contrib.auth.context_processors.auth',
                'django.contrib.messages.context_processors.messages',
            ],
        },
    },
]

WSGI_APPLICATION = 'website.wsgi.application'


# Database
# https://docs.djangoproject.com/en/1.11/ref/settings/#databases

DATABASES = {
    'default': {
        'ENGINE': 'django.db.backends.sqlite3',
        'NAME': os.path.join(BASE_DIR, 'db.sqlite3'),
    }
}


# Password validation
# https://docs.djangoproject.com/en/1.11/ref/settings/#auth-password-validators

AUTH_PASSWORD_VALIDATORS = &#91;
    {
        'NAME': 'django.contrib.auth.password_validation.UserAttributeSimilarityValidator',
    },
    {
        'NAME': 'django.contrib.auth.password_validation.MinimumLengthValidator',
    },
    {
        'NAME': 'django.contrib.auth.password_validation.CommonPasswordValidator',
    },
    {
        'NAME': 'django.contrib.auth.password_validation.NumericPasswordValidator',
    },
]


# Internationalization
# https://docs.djangoproject.com/en/1.11/topics/i18n/

LANGUAGE_CODE = 'en-us'

TIME_ZONE = 'UTC'

USE_I18N = True

USE_L10N = True

USE_TZ = True


# Static files (CSS, JavaScript, Images)
# https://docs.djangoproject.com/en/1.11/howto/static-files/

STATIC_URL = '/static/'

100

101

102

103

104

105

106

107

108

109

110

import os

# Build paths inside the project like this: os.path.join(BASE_DIR, ...)

BASE_DIR = os.path.dirname(os.path.dirname(os.path.abspath(__file__)))

# Quick-start development settings - unsuitable for production

# See https://docs.djangoproject.com/en/1.11/howto/deployment/checklist/

# SECURITY WARNING: keep the secret key used in production secret!

SECRET_KEY = 'nm%4a#(e!2bm8m9*z2yn9i!m8hxphxo4&([email protected]#i=)m953'

# SECURITY WARNING: don't run with debug turned on in production!

DEBUG = True

ALLOWED_HOSTS = []

# Application definition

INSTALLED_APPS = [

'django.contrib.admin',

'django.contrib.auth',

'django.contrib.contenttypes',

'django.contrib.sessions',

'django.contrib.messages',

'django.contrib.staticfiles',

'web',

]

MIDDLEWARE = [

'django.middleware.security.SecurityMiddleware',

'django.contrib.sessions.middleware.SessionMiddleware',

'django.middleware.common.CommonMiddleware',

'django.middleware.csrf.CsrfViewMiddleware',

'django.contrib.auth.middleware.AuthenticationMiddleware',

'django.contrib.messages.middleware.MessageMiddleware',

'django.middleware.clickjacking.XFrameOptionsMiddleware',

]

ROOT_URLCONF = 'website.urls'

TEMPLATES = [

{

'BACKEND': 'django.template.backends.django.DjangoTemplates',

'DIRS': [],

'APP_DIRS': True,

'OPTIONS': {

'context_processors': [

'django.template.context_processors.debug',

'django.template.context_processors.request',

'django.contrib.auth.context_processors.auth',

'django.contrib.messages.context_processors.messages',

]

WSGI_APPLICATION = 'website.wsgi.application'

# Database

# https://docs.djangoproject.com/en/1.11/ref/settings/#databases

DATABASES = {

'default': {

'ENGINE': 'django.db.backends.sqlite3',

'NAME': os.path.join(BASE_DIR, 'db.sqlite3'),

}

# Password validation

# https://docs.djangoproject.com/en/1.11/ref/settings/#auth-password-validators

AUTH_PASSWORD_VALIDATORS = [

{

'NAME': 'django.contrib.auth.password_validation.UserAttributeSimilarityValidator',

{

'NAME': 'django.contrib.auth.password_validation.MinimumLengthValidator',

{

'NAME': 'django.contrib.auth.password_validation.CommonPasswordValidator',

{

'NAME': 'django.contrib.auth.password_validation.NumericPasswordValidator',

]

# Internationalization

# https://docs.djangoproject.com/en/1.11/topics/i18n/

LANGUAGE_CODE = 'en-us'

TIME_ZONE = 'UTC'

USE_I18N = True

USE_L10N = True

USE_TZ = True

# Static files (CSS, JavaScript, Images)

# https://docs.djangoproject.com/en/1.11/howto/static-files/

STATIC_URL = '/static/'

In this module which is the module for setting up the installed apps, database and etc.

The Code Given Below Is For The “urls.py” Module – you can add the following code below into your “urls.py” under the website method.

from django.conf.urls import include, url
from django.contrib import admin
from . import views

urlpatterns = &#91;
    url(r'^$', views.index_redirect, name='index_redirect'),
    url(r'^web/', include('web.urls')),
    url(r'^admin/', admin.site.urls),
]

from django.conf.urls import include, url

from django.contrib import admin

from . import views

urlpatterns = [

url(r'^$', views.index_redirect, name='index_redirect'),

url(r'^web/', include('web.urls')),

url(r'^admin/', admin.site.urls),

]

In this module which is the website URL configuration module.

The Code Given Below Is For The “views.py” Module – you can add the following code below into your “views.py” under the website method.

from django.shortcuts import redirect
from . import views

def index_redirect(request):
    return redirect('/web/')

from django.shortcuts import redirect

from . import views

def index_redirect(request):

return redirect('/web/')

In this module which is the index module of the website method.

The Following Module Given Below Are Under The “Web” Method

The Code Given Below Is For The “views.py“.

from django.shortcuts import render, redirect, HttpResponseRedirect
from .models import Member
# Create your views here.

def index(request):
    if request.method == 'POST':
        member = Member(username=request.POST&#91;'username'], password=request.POST&#91;'password'],  firstname=request.POST&#91;'firstname'], lastname=request.POST&#91;'lastname'])
        member.save()
        return redirect('/')
    else:
        return render(request, 'web/index.html')

def login(request):
    return render(request, 'web/login.html')

def home(request):
    if request.method == 'POST':
        if Member.objects.filter(username=request.POST&#91;'username'], password=request.POST&#91;'password']).exists():
            member = Member.objects.get(username=request.POST&#91;'username'], password=request.POST&#91;'password'])
            return render(request, 'web/home.html', {'member': member})
        else:
            context = {'msg': 'Invalid username or password'}
            return render(request, 'web/login.html', context)

from django.shortcuts import render, redirect, HttpResponseRedirect

from .models import Member

# Create your views here.

def index(request):

if request.method == 'POST':

member = Member(username=request.POST['username'], password=request.POST['password'], firstname=request.POST['firstname'], lastname=request.POST['lastname'])

member.save()

return redirect('/')

else:

return render(request, 'web/index.html')

def login(request):

return render(request, 'web/login.html')

def home(request):

if request.method == 'POST':

if Member.objects.filter(username=request.POST['username'], password=request.POST['password']).exists():

member = Member.objects.get(username=request.POST['username'], password=request.POST['password'])

return render(request, 'web/home.html', {'member': member})

else:

context = {'msg': 'Invalid username or password'}

return render(request, 'web/login.html', context)

In this module which is the index module of web method.

Run Quick Virus Scan for secure Download

Run Quick Scan for secure Download

Downloadable Source Code Below.

DOWNLOAD

Anyway, if you want to level up your programming knowledge, especially python, try this new article I’ve made for you Best Python Projects with source code for Beginners. But If you’re going to focus on web development using Django, you can download here from our list of Best Django Projects with source code based on real-world projects.

Step 1: Extract/unzip the file

Step 2: Go inside the project folder, open cmd and type the following commands to install Django Framework and run the webserver:

1.) python manage.py runserver

Step 3: Finally, open the browser and go to localhost:8000

This Will Be The Output

In this output which is the registration page of the system

In this output which is the login page of the system.

Summary

The system is built fully in Django Framework in back-end and HTML, CSS in front-end. It has full-featured user interface with all the functionalities

This Article is the way to enhance and develop our skills and logic ideas which is important in practicing the python programming language which is most well known and most usable programming language in many company.

Inquiries

If you have any questions or suggestions about Django Login And Registration, please feel free to leave a comment below.