Django First App


mkdir firstapps

cd firstapps

conda install -c anaconda virtualenv 

virtualenv myenv

source myenv/bin/activate

django-admin  startproject wordcount

cd wordcount
python runserver

python migrate

python createsuperuser

python startapp wcount


Django settings for my_project project.

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

For more information on this file, see

For the full list of settings and their values, see

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

# SECURITY WARNING: keep the secret key used in production secret!
SECRET_KEY = 'pzk&t78=1glwsae59e&q-_%_v$ytm$=g1(01w813ax@#an57zz'

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


# Application definition



ROOT_URLCONF = 'my_project.urls'

 'BACKEND': 'django.template.backends.django.DjangoTemplates',
 'DIRS': [os.path.join(BASE_DIR, 'templates')],
 'APP_DIRS': True,
 'context_processors': [

WSGI_APPLICATION = 'my_project.wsgi.application'

# Database

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

# Password validation

 '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



USE_I18N = True

USE_L10N = True

USE_TZ = True

# Static files (CSS, JavaScript, Images)

STATIC_URL = '/static/'



from django.urls import path
from wcount import views

urlpatterns = [
 path('', views.homepage, name='home'),
 path('count/', views.count, name='count'),
 path('about/', views.about, name='about1'),



from django.http import HttpResponse
from django.shortcuts import render
import operator

def homepage(request):
 return HttpResponse('<h1>Home Page</h1>')

def about(request):
 return HttpResponse('<h1>About Page</h1>')
def count(request):
 return HttpResponse('<h1>I will do the count for you.</h1>')


create wcount/templates/about.html

<h1> About us from template file.</h1>


update wcount/

from django.http import HttpResponse
from django.shortcuts import render
import operator

def homepage(request):
 return render(request, 'wcount/home.html')

def about(request):
 return render(request, 'wcount/about.html') 
def count(request):
 return render(request, 'wcount/count.html')

Check if it is working



  • add.css
textarea {
    resize: none;


   padding-top: 15%;
   padding-left: 15%;

.form-label {
   font-size: 13px;
   color: #0B3B39;
   margin: 0;
   display: block;
   opacity: 1;
   -webkit-transition: .333s ease top, .333s ease opacity;
   transition: .333s ease top, .333s ease opacity;

.form-control {
    border-radius: 0;
    border-color: #ccc;
    border-width: 0 0 2px 0;
    border-style: none none solid none;
    box-shadow: none;

.form-control:focus {
    box-shadow: none;
    border-color: #0B3B39;

.js-hide-label {
    opacity: 0;

.js-unhighlight-label {
    color: #999;


   background: 0 0 #ffffff;
   border: 1pxsolid#9FB0A9;
   border-radius: 3px;
   color: #9FB0A9;
   font-family: "Raleway", sans-serif;
   font-size: 16px;
   line-height: inherit;
   margin: 30px0;
   padding: 10px50px;
   text-transform: uppercase;
   transition: all0.25sease0s;


.btn:hover,.btn:active, .btn:focus {
   border-color: #0b3B39;
   color: #0b3B39;
   transform: translateX(-1px);
from django.contrib import admin
from .models import Contact

from django.db import models

class Contact(models.Model):

   """ For other types of fields for different purpose, please refer to: """

   name = models.CharField(max_length=200)
   relation = models.CharField(max_length=200)
   phone = models.CharField(max_length=200)
   email = models.CharField(max_length=200)

from django import forms
from .models import Contact

class AddForm(forms.Form):
      model = Contact
      fields = ('name', 'relation', 'phone', 'email',)
"""wordcount URL Configuration

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

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.conf.urls import include, url
from django.contrib import admin
from mycontacts import views

urlpatterns = [
   url(r'^add/', views.add),
from django.shortcuts import render
from .forms import AddForm
from .models import Contact
from django.http import HttpResponseRedirect
from django.http import HttpResponse

def show(request):
   This function gets all the members in your Database through your Model
   Any further usage please refer to:                          
   contact_list = Contact.objects.all()
   #return HttpResponse('Hello Amar')
   #return render(request, 'mycontacts/show.html',{'contacts': contact_list})
   return render(request, 'mycontacts/show.html',{'contacts': contact_list})

def add(request):

   This function is called to add one contact member to your contact list in your                                Database """
   if request.method == 'POST':
      django_form = AddForm(request.POST)
      if django_form.is_valid():

        """ Assign data in Django Form to local variables """
        new_member_name ="name")
        new_member_relation ="relation")
        new_member_phone ='phone')
        new_member_email ='email')

        """ This is how your model connects to database and create a new member """
           name = new_member_name,
           relation = new_member_relation,
           phone = new_member_phone,
           email = new_member_email,
        contact_list = Contact.objects.all()
        return render(request, 'mycontacts/show.html',{'contacts': contact_list})

        """ redirect to the same page if django_form goes wrong """
        return render(request, 'mycontacts/add.html')
     return render(request, 'mycontacts/add.html')