Scribd
Upload
137 views

Chapter 15 Django Based Web Application Part I

1. The document discusses building dynamic websites using the Django web framework in Python. 2. It provides an introduction to web frameworks and Django, explaining that Django allows for rapid development of dynamic websites with features like object-relational mapping and reusable components. 3. The document walks through how to install Django, create a project and app, register the app, add templates, define views, and set URLs to display a basic webpage.

Uploaded by

Pranav Pratap Singh
Copyright
© © All Rights Reserved
Available Formats
Download as PDF, TXT or read online on Scribd
137 views

Chapter 15 Django Based Web Application Part I

1. The document discusses building dynamic websites using the Django web framework in Python. 2. It provides an introduction to web frameworks and Django, explaining that Django allows for rapid development of dynamic websites with features like object-relational mapping and reusable components. 3. The document walks through how to install Django, create a project and app, register the app, add templates, define views, and set URLs to display a basic webpage.

Uploaded by

Pranav Pratap Singh
Copyright
© © All Rights Reserved
Available Formats
Download as PDF, TXT or read online on Scribd
You are on page 1/ 24

Django Based Web Application

Part - I
CBSE Syllabus Based
Class -12
CHAPTER -15 CS
CHAPTER-9 IP
By-
Neha Tyagi
PGT CS
KV 5 Jaipur II Shift
Blog- www.pythontrends.wordpress.com
YouTube Channel : “Python Trends”
E-mail: python.kvs@gmail.com
Neha Tyagi, KV 5 Jaipur II Shift
Introduction
• Now a days, Internet has invaded in all spheres of our lives whether
directly or indirectly.
• Websites have own separate roll on internet.
• Many frameworks are available today for developing efficient websites.
• Django is one such framework that is used along with Python to develop
dynamic websites.
• Django framework is used to develop Dynamic websites with python.
• In this chapter, we will learn about django framework.

Neha Tyagi, KV 5 Jaipur II Shift


What is Web framework?
• Web framework is a software tool which supports web
development.
• In other words, a web Framework is a software tool that
provides a way to build and run dynamic websites and web-
enabled applications.
It provides four things-

– URL Mapping
– Database Manipulation
– Templating
– Security Measures
• Some other web framework are-
ZEND, Flask, Ruby, Perl etc.
• A web framework will do majority of work and utilize your
code in it and a library’s function can be utilized in an
application being developed by you.
Neha Tyagi, KV 5 Jaipur II Shift
What is Django?
• Django is pronounces as ‘Jango’, ‘D’ remains silent.
• This is a high level Python web framework which speeds
up development of a website.
• This is a free and open source web application
framework.
• For web development, it provides exiting components.
• It prevents repetition of work.
• The most amazing idea of this is reusability.
• Django is a trademark of Django Software Foundation.
• It comes under BSD (Berkeley Source Distribution).

Neha Tyagi, KV 5 Jaipur II Shift


Advantages of Django
• Object Relational Mapping (ORM) Support
• Supports No-SQL Database.
• Support to various languages.
• Support of Framework.
• Administration GUI
• Development Environment
• Loosely Coupled
• Less Coding
• Don’t Repeat Yourself (DRY)
• Scalable
• Secured

Neha Tyagi, KV 5 Jaipur II Shift


How a Website works?
• As we know that a website works on client-server architecture.
• Your browser acts as a client program , and the web server with
which it interacts is the server.
HTTP Get Request: Whenever the web client has to display a
webpage, it makes a GET request and sends the URL of the webpage.
The server responds by sending the HTML of the URL, if available. If no
such URL exists, it returns an error (404).

An HTTP GET request refers to a


way of retrieving information from
a web server using a given URL
over web.

Neha Tyagi, KV 5 Jaipur II Shift


How a Website works?
HTTP POST Request:
Whenever a web client has to send some data, this
data will be sent to the web server for storing in a
database through a POST request.

The HTTP response to a POST request is also


either an error code, if not executed successfully.

Neha Tyagi, KV 5 Jaipur II Shift


How Django works?
1. It supports MVT or MTV architecture (Model Template View)
2. Request/Response System: Django has the software components
which facilitates receiving and responding of web requests.

3. Web Request enters in django applications via URLs.

4. Request are processed by views.

5. And then web response returns.

Neha Tyagi, KV 5 Jaipur II Shift


Installation of Django
Run the following command on DOS prompt to
install Django -
C:\> pip install django

*Internet is needed while installing Django.

Neha Tyagi, KV 5 Jaipur II Shift


Django Project and App
Two words are frequently used in Django-Project
and app
• A project refers to an entire application.
• An app is a sub module catering to one part of
the project.
• For ex- if you want to develop a project on school
then its submodule or app may be-
– Student
– Teachers
– Exam
– Fee etc
Neha Tyagi, KV 5 Jaipur II Shift
Creating Django Project and App
• Before starting, create a folder at the location of your
choice to store all Django projects.

Now, all the django projects


will be saved in this folder.

• After this, use the command to enter in folder using DOS


command.

Neha Tyagi, KV 5 Jaipur II Shift


Creating Project in Django
• now use this command to create project.

• A folder named ClassXII will be created inside


DjangoWork which will have following components-

Components
inside

Neha Tyagi, KV 5 Jaipur II Shift


Creating Project in Django
• Now you can see an outer folder ClassXII and an inner
folder ClassXII containing a file following components
are inside the inner folder-

components
inside

ClassXII

Inner ClassXII Outer ClassXII


Folder ClassXII Manage.py Folder

__init__.py Settings.py Urls.py Wsgi.py

Neha Tyagi, KV 5 Jaipur II Shift


Running Django Server
• Now we will check whether Django server is working
properly or not. For this, following command needs to
run after entering project folder -

URL need to run in web browser

• Runserver needs to run from the same place as of


manage.py.
Neha Tyagi, KV 5 Jaipur II Shift
Running Django Server
• Now when you open the URL which you got (127.0.0.1:8000)
in web browser, if following screen will appear then it is working
properly otherwise there is some problem.

Neha Tyagi, KV 5 Jaipur II Shift


Making an App in Django
It is very important to create an app in a project. For this, manage.py
will be used.
Lets create an app in ClassXII. Syntax will be-
E:\DjangoWork/ClassXII\manage.py start app student
After this, a new folder with the name Student will be added to
outer class and structure will be like as-
ClassXII

CLassXII student Manage.py

__init__.py Settings.py Urls.py Wsgi.py

Admin.py Apps.py Models.py Tests.py


migration __init__.py Views.py

Neha Tyagi, KV 5 Jaipur II Shift


Registering the App in project
• By this time, app and project are separated. Now to register the
app in project, we need to make changes in setting.py (by
opening it in Python editor) from inner ClassXII folder.

We need to make an
entry of student in
INSTALLED_APPS in
setting.py. By doing so,
app will be registered in
project.

Neha Tyagi, KV 5 Jaipur II Shift


Creating and saving of Template
• Because django works on MVT (Model Views Template) so, we
need to create a folder in outer folder where we will keep our
webpages. Folder can be of any name but we will be keeping
only templates here. We will create html files inside it.
• We need to make an entry of this template in settings.py.

• Type name of ‘templates’ folder under


DIRS key of TEMPLATES list.
• By doing so we are informing the
project that there is an app with the
name student whose all pages are
inside template.

Neha Tyagi, KV 5 Jaipur II Shift


Creating and Saving Webpage
• A webpage is created with the name firstpage.html in Template
folder.

• Now we will make an entry of this file


in view’s function.

Neha Tyagi, KV 5 Jaipur II Shift


Writing functions in Views.py
• Our next step is writing function for html pages in views.py.
• In this file, we will have all those functions which are to be
executed on page.
• Views is used to render a page. For this, from student folder,
views.py file is to be opened in IDLE and then create a view.

Neha Tyagi, KV 5 Jaipur II Shift


Setting views in Urls.py
• Now, we will add following code in inner project folder
(ClassXII). Changes in urls.py ---

Here firstpage is the name to be given with url on


web browser (http://127.0.0.1:8000/firstpage)

• Now save the file.


• Now run the django server from cmd by entering in project.

Neha Tyagi, KV 5 Jaipur II Shift


Displaying Webpage
• At last, by opening web browser, give the URL as per your
created page then your html will be shown.

Neha Tyagi, KV 5 Jaipur II Shift


Django Based web Applications Part -2
• In this part, we have learned to display a webpage.
• We have learned project creation.
• We have learned app creation.
• We have learned creation of webpage through
Template.

• In next part, we will learn adding various


components in webpages. And will also learn
sending data to server collected from a webpage.|
• Will also learn use of Get Method and POST
Method.
Neha Tyagi, KV 5 Jaipur II Shift
Thank you

please follow us on our blog-


www.pythontrends.wordpress.com

Neha Tyagi, KV 5 Jaipur II Shift

You might also like