Creating Hello World Application in django

 

Commands in visual studio code:

1.       To activate virtual environment: “workon virtualenv_name”    e.g. “workon eesweb”.

2.       To create project folder directory : “django-admin startproject project_name “ e.g. “django-admin startproject djangoproject “.

3.       Opening project folder location in vs code : “cd folder_dir_name” e.g. “cd djangoproject”

4.       Creating application in project directory: “python manage.py startapp application_name”  e.g. “python manage.py startapp helloworld”.

 

Replace djangoproject/settings.py file by following file

1.       Settings.py :

"""

Django settings for djangoproject project.

 

Generated by 'django-admin startproject' using Django 3.2.1.

 

For more information on this file, see

https://docs.djangoproject.com/en/3.2/topics/settings/

 

For the full list of settings and their values, see

https://docs.djangoproject.com/en/3.2/ref/settings/

"""

import os

from pathlib import Path

 

# Build paths inside the project like this: BASE_DIR / 'subdir'.

BASE_DIR = Path(__file__).resolve().parent.parent

 

 

# Quick-start development settings - unsuitable for production

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

 

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

SECRET_KEY = 'django-insecure-6b2faxhugmif=xts%hfghn0ou!#y6pwg(v7mx593gfx8&=s(oa'

 

# 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',

    'helloworld.apps.HelloworldConfig',

]

 

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 = 'djangoproject.urls'

 

TEMPLATES = [

    {

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

        'DIRS': [

            os.path.join(BASE_DIR,'templates')

        ],

        '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 = 'djangoproject.wsgi.application'

 

 

# Database

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

 

DATABASES = {

    'default': {

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

        'NAME': BASE_DIR / 'db.sqlite3',

    }

}

 

 

# Password validation

# https://docs.djangoproject.com/en/3.2/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/3.2/topics/i18n/

 

LANGUAGE_CODE = 'en-us'

 

TIME_ZONE = 'Asia/Kolkata'

 

USE_I18N = True

 

USE_L10N = True

 

USE_TZ = True

 

 

# Static files (CSS, JavaScript, Images)

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

 

STATIC_URL = '/static/'

 

# Default primary key field type

# https://docs.djangoproject.com/en/3.2/ref/settings/#default-auto-field

 

DEFAULT_AUTO_FIELD = 'django.db.models.BigAutoField'

 

2.       Replace content of djangoproject/urls.py.

Urls.py :

"""djangoproject URL Configuration

 

The `urlpatterns` list routes URLs to views. For more information please see:

    https://docs.djangoproject.com/en/3.2/topics/http/urls/

Examples:

Function views

    1. Add an import:  from my_app import views

    2. Add a URL to urlpatterns:  path('', views.home, name='home')

Class-based views

    1. Add an import:  from other_app.views import Home

    2. Add a URL to urlpatterns:  path('', Home.as_view(), name='home')

Including another URLconf

    1. Import the include() function: from django.urls import include, path

    2. Add a URL to urlpatterns:  path('blog/', include('blog.urls'))

"""

from django.contrib import admin

from django.urls import path,include

 

urlpatterns = [

    path('admin/', admin.site.urls),

    path('',include('helloworld.urls')),

]

 

 

3.       Create folder templates in helloworld folder.

4.       Create a html file “home.html” in templates folder.

Home.html:

<html>

    <head>

        <title> Hello world</title>

    </head>

    <body>

        <div>

            <p>Home</p>

        </div>

        <div>

            <h1> Hey ees squad!!</h1>

            <p style="align:center;font-size: 80px;"> Hello World application </p>

            <br>

            <p> application worked successfully</p>

        </div>

    </body>

</html>

 

5.       Replace helloworld/views.py files by following content:

Views.py:

from django.shortcuts import render

 

# Create your views here.

def home(request):

    return render(request,'home.html')

 

 

6.       Create a file with name “urls.py” in helloworld folder (helloworld/urls.py) :

Urls.py:

from django.urls import path,include

from . import views

urlpatterns = [

    path('',views.home,name='Home'),

]

 

Now Run command “Python manage.py runserver” in vs code.

 

Hello world app has been developed successfully!!!.


For Further details, Visit the tutorial video attached below





Comments