SlideShare a Scribd company logo
By:Mohamed Essam
Flask
Flask
What Flask is ?
 Flask is a small framework by most standards, small enough to be called a “microframework.”
But being small does not mean that it does less than other frameworks.
Flask was designed as an extensible framework from the ground up; it provides a solid core with the
basic services, while extensions provide the rest
Flask
Flask
What Flask is ?
 Flask is a web application framework written in Python. It is developed by Armin Ronacher, who
leads an international group of Python enthusiasts named Pocco.
 Flask is based on the Werkzeug WSGI toolkit and Jinja2 template engine. Both are Pocco
projects.
 WSGI is a specification for a universal interface between the web server and the web
applications, It is a WSGI toolkit, which implements requests, response objects, and other utility
functions. This enables building a web framework on top of it.
 The Flask framework uses Werkzeug as one of its bases.
 Jinja2 is a popular templating engine for Python. A web templating system combines a template
with a certain data source to render dynamic web pages.
Flask
What Flask is ?
 Flask also implements a particular design pattern, or way that our program and code is
organized. For Flask, the design pattern is generally MVC, or Model–view–controller:
Flask
What Flask is ?
 Flask also implements a particular design pattern, or way that our program and code is
organized. For Flask, the design pattern is generally MVC, or Model–view–controller:
 The controller is our logic and code that manages our application overall, given user input. In
Flask, this will be our Python code.
The view is the user interface, like the HTML and CSS that the user will see and interact with.
The model is our application’s data, such as a SQL database or CSV file.
Flask
Install Flask in this environment
 Most Python packages are installed with the pip utility, which virtualenv automatically adds to all
virtual environments upon creation. When a virtual environment is activated, the location of the
pip utility is added to the PATH.
Flask
Install Flask in this environment
 All Flask applications must create an application instance. The web server passes all requests it
receives from clients to this object for handling, using a protocol called Web Server Gateway
Interface (WSGI). The application instance is an object of class Flask, usually created as follows:
 The only required argument to the Flask class constructor is the name of the main module or
package of the application. For most applications, Python’s __name__ variable is the correct
value.
Flask
Install Flask in this environment
 All Flask applications must create an application instance. The web server passes all requests it
receives from clients to this object for handling, using a protocol called Web Server Gateway
Interface (WSGI). The application instance is an object of class Flask, usually created as follows:
 The only required argument to the Flask class constructor is the name of the main module or
package of the application. For most applications, Python’s __name__ variable is the correct
value.
Flask
Install Flask in this environment
 All Flask applications must create an application instance. The web server passes all requests it
receives from clients to this object for handling, using a protocol called Web Server Gateway
Interface (WSGI). The application instance is an object of class Flask, usually created as follows:
 The only required argument to the Flask class constructor is the name of the main module or
package of the application. For most applications, Python’s __name__ variable is the correct
value.
Flask
Routes and View Functions
 Clients such as web browsers send requests to the web server, which in turn sends them to the
Flask application instance. The application instance needs to know what code needs to run for
each URL requested, so it keeps a mapping of URLs to Python functions. The association
between a URL and the function that handles it is called a route.
 The most convenient way to define a route in a Flask application is through the app.route
decorator exposed by the application instance, which registers the decorated function as a route.
The following example shows how a route is declared using this decorator:
Flask
Routes and View Functions
 The portion enclosed in angle brackets is the dynamic part, so any URLs that match the static
portions will be mapped to this route. When the view function is invoked, Flask sends the
dynamic component as an argument. In the earlier example view function, this argument is used
to generate a personalized greeting as a response.
 The dynamic components in routes are strings by default but can also be defined with a type.
For example, route /user/ would match only URLs that have an integer in the id dynamic
segment. Flask supports types int, float, and path for routes. The path type also represents a
string but does not consider slashes as separators and instead considers them part of the
dynamic component.
Flask
Server Startup
 The __name__ == '__main__' Python idiom is used here to ensure that the development web
server is started only when the script is executed directly. When the script is imported by another
script, it is assumed that the parent script will launch a different server, so the app.run() call is
skipped.
 Once the server starts up, it goes into a loop that waits for requests and services them. This loop
continues until the application is stopped, for example by hitting Ctrl-C. There are several option
arguments that can be given to app.run() to configure the mode of operation of the web server.
During development, it is convenient to enable debug mode, which among other things activates
the debugger and the reloader. This is done by passing the argument debug set to True
Flask
Responses
 When Flask invokes a view function, it expects its return value to be the response to the request.
In most cases the response is a simple string that is sent back to the client as an HTML page.
 But the HTTP protocol requires more than a string as a response to a request. A very important
part of the HTTP response is the status code, which Flask by default sets to 200, the code that
indicates that the request was carried out successfully.
 When a view function needs to respond with a different status code, it can add the numeric code
as a second return value after the response text. For example, the following view function
returns a 400 status code, the code for a bad request error:
Flask
Responses-HTTP
HTTP (Hypertext Transfer Protocol) is the system the internet uses to interact and communicate
between computers and servers. When a URL is entered into a browser, an HTTP request is sent to
a server, which interprets the request and sends appropriate HTTP response, which, if all goes as
expected, contains the requested information to be displayed by the web browser.
Flask
Responses
 Flask view functions have the option of returning a Response object. The make_response()
function takes one, two, or three arguments, the same values that can be returned from a view
function, and returns a Response object. Sometimes it is useful to perform this conversion inside
the.
Flask
Responses
 The request cookie is what is send from the client to the server (thus what the browser
provides). The response cookie are the cookies that you want to place in the browser. The next
connection from the browser that accepted the cookie from the response object will provide the
cookie in the request object.
Flask
Responses
 There is a special type of response called a redirect. This response does not include a page
document; it just gives the browser a new URL from which to load a new page. Redirects are
commonly used with web forms.
 A redirect is typically indicated with a 302 response status code and the URL to redirect to given
in a Location header.
Flask
Host command
 The --host argument is a useful option because it tells the web server what network interface to
listen to for connections from clients. By default, Flask’s development web server listens for
connections on localhost, so only connections originating from within the computer running the
server are accepted. The following command makes the web server listen for connections on the
public network interface, enabling other computers in the network to connect as well
Flask
Templating Language
 A template is a file that contains the text of a response, with placeholder variables for the
dynamic parts that will be known only in the context of a request. The process that replaces the
variables with actual values and returns a final response string is called rendering. For the task
of rendering templates, Flask uses a powerful template engine called Jinja2.
Flask
Rendering Templates
 By default Flask looks for templates in a templates subfolder located inside the applica‐ tion
folder. For the next version of hello.py, you need to store the templates defined earlier in a new
templates folder as index.html and user.html
Flask
Rendering Templates- Variables
 The {{ name }} construct used in the template references a variable, a special placeholder that
tells the template engine that the value that goes in that place should be obtained from data
provided at the time the template is rendered. Jinja2 recognizes variables of any type, even
complex types such as lists, dictionaries and objects. The following are some more examples of
variables used in templates:
Flask
Rendering Templates- Control Structures
 Jinja2 offers several control structures that can be used to alter the flow of the template. This
section introduces some of the most useful ones with simple examples. The following example
shows how conditional statements can be entered in a template
Flask
Rendering Templates- Control Structures
 Another common need in templates is to render a list of elements. This example shows how this
can be done with a for loop:
Flask
Static Files
 Web applications are not made of Python code and templates alone. Most applications also use
static files such as images, JavaScript source files, and CSS that are referenced from the HTML
code. You may recall that when the hello.py application’s a static entry appeared in it. This is so
because references to static files are treated as a special route defined as /static/. For example,
a call to url_for('static', filename='css/styles.css', _external=True) would return
http://localhost:5000/static/css/styles.css.
Flask
Rendering Templates- Inhertance
 Portions of template code that need to be repeated in several places can be stored in a separate
file and included from all the templates to avoid repetition:

More Related Content

What's hot (20)

PPT
Swing and AWT in java
Adil Mehmoood
 
PDF
Threads concept in java
Muthukumaran Subramanian
 
PPT
PL/SQL
Vaibhav0
 
PPT
Asp.net server controls
Raed Aldahdooh
 
PDF
Regular expression in javascript
Toan Nguyen
 
PPT
MYSQL - PHP Database Connectivity
V.V.Vanniaperumal College for Women
 
PPTX
Intro to React
Justin Reock
 
PPTX
OWASP AppSecCali 2015 - Marshalling Pickles
Christopher Frohoff
 
PPTX
Java Constructors
Saumya Som
 
PDF
Javapolymorphism
karthikenlume
 
PPTX
Functional programming with Java 8
LivePerson
 
PPTX
COLLECTIONS.pptx
SruthyPJ
 
PPTX
Reactjs
Neha Sharma
 
PPTX
Express js
Manav Prasad
 
PDF
Spring Boot
HongSeong Jeon
 
PDF
Java lesson khmer
Ul Sovanndy
 
PPTX
Optional in Java 8
Richard Walker
 
ODP
Java Collections
parag
 
PPTX
PHP
Steve Fort
 
Swing and AWT in java
Adil Mehmoood
 
Threads concept in java
Muthukumaran Subramanian
 
PL/SQL
Vaibhav0
 
Asp.net server controls
Raed Aldahdooh
 
Regular expression in javascript
Toan Nguyen
 
MYSQL - PHP Database Connectivity
V.V.Vanniaperumal College for Women
 
Intro to React
Justin Reock
 
OWASP AppSecCali 2015 - Marshalling Pickles
Christopher Frohoff
 
Java Constructors
Saumya Som
 
Javapolymorphism
karthikenlume
 
Functional programming with Java 8
LivePerson
 
COLLECTIONS.pptx
SruthyPJ
 
Reactjs
Neha Sharma
 
Express js
Manav Prasad
 
Spring Boot
HongSeong Jeon
 
Java lesson khmer
Ul Sovanndy
 
Optional in Java 8
Richard Walker
 
Java Collections
parag
 

Similar to Intro to flask (20)

PDF
Web Server and how we can design app in C#
caohansnnuedu
 
PDF
Python Web Applications With Flask Handon Your Flask Skills2024 Jeffrey Leon ...
keyroreagan
 
PDF
Flask Introduction - Python Meetup
Areski Belaid
 
PDF
Flask Web Development 1st Edition Miguel Grinberg
cjvsgfu2766
 
PDF
Introduction to Flask Micro Framework
Mohammad Reza Kamalifard
 
PDF
Python and Flask introduction for my classmates Презентация и введение в flask
Nikita Lozhnikov
 
PPTX
Python/Flask Presentation
Parag Mujumdar
 
PDF
BUILDING MODERN PYTHON WEB FRAMEWORKS USING FLASK WITH NEIL GREY
CodeCore
 
PPTX
flask.pptx
asif290119
 
PDF
Flask patterns
it-people
 
PDF
Tutorial Módulo 1 de Introdução com Flask
Vinícius Marques
 
PDF
Intro webapps
Howard Mao
 
PDF
Flask docs
Kunal Sangwan
 
PDF
Lightweight web frameworks
Jonathan Holloway
 
PPTX
Flask & Flask-restx
ammaraslam18
 
PDF
Flask Interview Questions.pdf
SudhanshiBakre1
 
PPTX
Flask restfulservices
Marcos Lin
 
PDF
Flask for cs students
Jennifer Rubinovitz
 
PPT
Learn flask in 90mins
Larry Cai
 
Web Server and how we can design app in C#
caohansnnuedu
 
Python Web Applications With Flask Handon Your Flask Skills2024 Jeffrey Leon ...
keyroreagan
 
Flask Introduction - Python Meetup
Areski Belaid
 
Flask Web Development 1st Edition Miguel Grinberg
cjvsgfu2766
 
Introduction to Flask Micro Framework
Mohammad Reza Kamalifard
 
Python and Flask introduction for my classmates Презентация и введение в flask
Nikita Lozhnikov
 
Python/Flask Presentation
Parag Mujumdar
 
BUILDING MODERN PYTHON WEB FRAMEWORKS USING FLASK WITH NEIL GREY
CodeCore
 
flask.pptx
asif290119
 
Flask patterns
it-people
 
Tutorial Módulo 1 de Introdução com Flask
Vinícius Marques
 
Intro webapps
Howard Mao
 
Flask docs
Kunal Sangwan
 
Lightweight web frameworks
Jonathan Holloway
 
Flask & Flask-restx
ammaraslam18
 
Flask Interview Questions.pdf
SudhanshiBakre1
 
Flask restfulservices
Marcos Lin
 
Flask for cs students
Jennifer Rubinovitz
 
Learn flask in 90mins
Larry Cai
 
Ad

More from Mohamed Essam (20)

PPTX
Data Science Crash course
Mohamed Essam
 
PPTX
2.Feature Extraction
Mohamed Essam
 
PPTX
Data Science
Mohamed Essam
 
PPTX
Introduction to Robotics.pptx
Mohamed Essam
 
PPTX
Introduction_to_Gui_with_tkinter.pptx
Mohamed Essam
 
PPTX
Getting_Started_with_DL_in_Keras.pptx
Mohamed Essam
 
PPTX
Linear_algebra.pptx
Mohamed Essam
 
PPTX
Let_s_Dive_to_Deep_Learning.pptx
Mohamed Essam
 
PPTX
OOP-Advanced_Programming.pptx
Mohamed Essam
 
PPTX
1.Basic_Syntax
Mohamed Essam
 
PPTX
KNN.pptx
Mohamed Essam
 
PPTX
Regularization_BY_MOHAMED_ESSAM.pptx
Mohamed Essam
 
PPTX
1.What_if_Adham_Nour_tried_to_make_a_Machine_Learning_Model_at_Home.pptx
Mohamed Essam
 
PPTX
Clean_Code
Mohamed Essam
 
PPTX
Linear_Regression
Mohamed Essam
 
PPTX
2.Data_Strucures_and_modules.pptx
Mohamed Essam
 
PPTX
Naieve_Bayee.pptx
Mohamed Essam
 
PPTX
Activation_function.pptx
Mohamed Essam
 
PPTX
Deep_Learning_Frameworks
Mohamed Essam
 
PPTX
Neural_Network
Mohamed Essam
 
Data Science Crash course
Mohamed Essam
 
2.Feature Extraction
Mohamed Essam
 
Data Science
Mohamed Essam
 
Introduction to Robotics.pptx
Mohamed Essam
 
Introduction_to_Gui_with_tkinter.pptx
Mohamed Essam
 
Getting_Started_with_DL_in_Keras.pptx
Mohamed Essam
 
Linear_algebra.pptx
Mohamed Essam
 
Let_s_Dive_to_Deep_Learning.pptx
Mohamed Essam
 
OOP-Advanced_Programming.pptx
Mohamed Essam
 
1.Basic_Syntax
Mohamed Essam
 
KNN.pptx
Mohamed Essam
 
Regularization_BY_MOHAMED_ESSAM.pptx
Mohamed Essam
 
1.What_if_Adham_Nour_tried_to_make_a_Machine_Learning_Model_at_Home.pptx
Mohamed Essam
 
Clean_Code
Mohamed Essam
 
Linear_Regression
Mohamed Essam
 
2.Data_Strucures_and_modules.pptx
Mohamed Essam
 
Naieve_Bayee.pptx
Mohamed Essam
 
Activation_function.pptx
Mohamed Essam
 
Deep_Learning_Frameworks
Mohamed Essam
 
Neural_Network
Mohamed Essam
 
Ad

Recently uploaded (20)

PDF
How to Visualize the ​Spatio-Temporal Data Using CesiumJS​
SANGHEE SHIN
 
PDF
Understanding AI Optimization AIO, LLMO, and GEO
CoDigital
 
PPTX
01_Approach Cyber- DORA Incident Management.pptx
FinTech Belgium
 
PDF
Why aren't you using FME Flow's CPU Time?
Safe Software
 
PPTX
Smarter Governance with AI: What Every Board Needs to Know
OnBoard
 
PDF
Proactive Server and System Monitoring with FME: Using HTTP and System Caller...
Safe Software
 
PDF
Kubernetes - Architecture & Components.pdf
geethak285
 
PPTX
2025 HackRedCon Cyber Career Paths.pptx Scott Stanton
Scott Stanton
 
PDF
ArcGIS Utility Network Migration - The Hunter Water Story
Safe Software
 
PDF
“Scaling i.MX Applications Processors’ Native Edge AI with Discrete AI Accele...
Edge AI and Vision Alliance
 
PPTX
MARTSIA: A Tool for Confidential Data Exchange via Public Blockchain - Pitch ...
Michele Kryston
 
PDF
Simplify Your FME Flow Setup: Fault-Tolerant Deployment Made Easy with Packer...
Safe Software
 
PDF
GDG Cloud Southlake #44: Eyal Bukchin: Tightening the Kubernetes Feedback Loo...
James Anderson
 
PDF
Enhancing Environmental Monitoring with Real-Time Data Integration: Leveragin...
Safe Software
 
PDF
Unlocking FME Flow’s Potential: Architecture Design for Modern Enterprises
Safe Software
 
PDF
Quantum Threats Are Closer Than You Think – Act Now to Stay Secure
WSO2
 
PDF
FME as an Orchestration Tool with Principles From Data Gravity
Safe Software
 
PDF
Hyderabad MuleSoft In-Person Meetup (June 21, 2025) Slides
Ravi Tamada
 
PDF
5 Things to Consider When Deploying AI in Your Enterprise
Safe Software
 
PPTX
Paycifi - Programmable Trust_Breakfast_PPTXT
FinTech Belgium
 
How to Visualize the ​Spatio-Temporal Data Using CesiumJS​
SANGHEE SHIN
 
Understanding AI Optimization AIO, LLMO, and GEO
CoDigital
 
01_Approach Cyber- DORA Incident Management.pptx
FinTech Belgium
 
Why aren't you using FME Flow's CPU Time?
Safe Software
 
Smarter Governance with AI: What Every Board Needs to Know
OnBoard
 
Proactive Server and System Monitoring with FME: Using HTTP and System Caller...
Safe Software
 
Kubernetes - Architecture & Components.pdf
geethak285
 
2025 HackRedCon Cyber Career Paths.pptx Scott Stanton
Scott Stanton
 
ArcGIS Utility Network Migration - The Hunter Water Story
Safe Software
 
“Scaling i.MX Applications Processors’ Native Edge AI with Discrete AI Accele...
Edge AI and Vision Alliance
 
MARTSIA: A Tool for Confidential Data Exchange via Public Blockchain - Pitch ...
Michele Kryston
 
Simplify Your FME Flow Setup: Fault-Tolerant Deployment Made Easy with Packer...
Safe Software
 
GDG Cloud Southlake #44: Eyal Bukchin: Tightening the Kubernetes Feedback Loo...
James Anderson
 
Enhancing Environmental Monitoring with Real-Time Data Integration: Leveragin...
Safe Software
 
Unlocking FME Flow’s Potential: Architecture Design for Modern Enterprises
Safe Software
 
Quantum Threats Are Closer Than You Think – Act Now to Stay Secure
WSO2
 
FME as an Orchestration Tool with Principles From Data Gravity
Safe Software
 
Hyderabad MuleSoft In-Person Meetup (June 21, 2025) Slides
Ravi Tamada
 
5 Things to Consider When Deploying AI in Your Enterprise
Safe Software
 
Paycifi - Programmable Trust_Breakfast_PPTXT
FinTech Belgium
 

Intro to flask

  • 2. Flask What Flask is ?  Flask is a small framework by most standards, small enough to be called a “microframework.” But being small does not mean that it does less than other frameworks. Flask was designed as an extensible framework from the ground up; it provides a solid core with the basic services, while extensions provide the rest
  • 4. Flask What Flask is ?  Flask is a web application framework written in Python. It is developed by Armin Ronacher, who leads an international group of Python enthusiasts named Pocco.  Flask is based on the Werkzeug WSGI toolkit and Jinja2 template engine. Both are Pocco projects.  WSGI is a specification for a universal interface between the web server and the web applications, It is a WSGI toolkit, which implements requests, response objects, and other utility functions. This enables building a web framework on top of it.  The Flask framework uses Werkzeug as one of its bases.  Jinja2 is a popular templating engine for Python. A web templating system combines a template with a certain data source to render dynamic web pages.
  • 5. Flask What Flask is ?  Flask also implements a particular design pattern, or way that our program and code is organized. For Flask, the design pattern is generally MVC, or Model–view–controller:
  • 6. Flask What Flask is ?  Flask also implements a particular design pattern, or way that our program and code is organized. For Flask, the design pattern is generally MVC, or Model–view–controller:  The controller is our logic and code that manages our application overall, given user input. In Flask, this will be our Python code. The view is the user interface, like the HTML and CSS that the user will see and interact with. The model is our application’s data, such as a SQL database or CSV file.
  • 7. Flask Install Flask in this environment  Most Python packages are installed with the pip utility, which virtualenv automatically adds to all virtual environments upon creation. When a virtual environment is activated, the location of the pip utility is added to the PATH.
  • 8. Flask Install Flask in this environment  All Flask applications must create an application instance. The web server passes all requests it receives from clients to this object for handling, using a protocol called Web Server Gateway Interface (WSGI). The application instance is an object of class Flask, usually created as follows:  The only required argument to the Flask class constructor is the name of the main module or package of the application. For most applications, Python’s __name__ variable is the correct value.
  • 9. Flask Install Flask in this environment  All Flask applications must create an application instance. The web server passes all requests it receives from clients to this object for handling, using a protocol called Web Server Gateway Interface (WSGI). The application instance is an object of class Flask, usually created as follows:  The only required argument to the Flask class constructor is the name of the main module or package of the application. For most applications, Python’s __name__ variable is the correct value.
  • 10. Flask Install Flask in this environment  All Flask applications must create an application instance. The web server passes all requests it receives from clients to this object for handling, using a protocol called Web Server Gateway Interface (WSGI). The application instance is an object of class Flask, usually created as follows:  The only required argument to the Flask class constructor is the name of the main module or package of the application. For most applications, Python’s __name__ variable is the correct value.
  • 11. Flask Routes and View Functions  Clients such as web browsers send requests to the web server, which in turn sends them to the Flask application instance. The application instance needs to know what code needs to run for each URL requested, so it keeps a mapping of URLs to Python functions. The association between a URL and the function that handles it is called a route.  The most convenient way to define a route in a Flask application is through the app.route decorator exposed by the application instance, which registers the decorated function as a route. The following example shows how a route is declared using this decorator:
  • 12. Flask Routes and View Functions  The portion enclosed in angle brackets is the dynamic part, so any URLs that match the static portions will be mapped to this route. When the view function is invoked, Flask sends the dynamic component as an argument. In the earlier example view function, this argument is used to generate a personalized greeting as a response.  The dynamic components in routes are strings by default but can also be defined with a type. For example, route /user/ would match only URLs that have an integer in the id dynamic segment. Flask supports types int, float, and path for routes. The path type also represents a string but does not consider slashes as separators and instead considers them part of the dynamic component.
  • 13. Flask Server Startup  The __name__ == '__main__' Python idiom is used here to ensure that the development web server is started only when the script is executed directly. When the script is imported by another script, it is assumed that the parent script will launch a different server, so the app.run() call is skipped.  Once the server starts up, it goes into a loop that waits for requests and services them. This loop continues until the application is stopped, for example by hitting Ctrl-C. There are several option arguments that can be given to app.run() to configure the mode of operation of the web server. During development, it is convenient to enable debug mode, which among other things activates the debugger and the reloader. This is done by passing the argument debug set to True
  • 14. Flask Responses  When Flask invokes a view function, it expects its return value to be the response to the request. In most cases the response is a simple string that is sent back to the client as an HTML page.  But the HTTP protocol requires more than a string as a response to a request. A very important part of the HTTP response is the status code, which Flask by default sets to 200, the code that indicates that the request was carried out successfully.  When a view function needs to respond with a different status code, it can add the numeric code as a second return value after the response text. For example, the following view function returns a 400 status code, the code for a bad request error:
  • 15. Flask Responses-HTTP HTTP (Hypertext Transfer Protocol) is the system the internet uses to interact and communicate between computers and servers. When a URL is entered into a browser, an HTTP request is sent to a server, which interprets the request and sends appropriate HTTP response, which, if all goes as expected, contains the requested information to be displayed by the web browser.
  • 16. Flask Responses  Flask view functions have the option of returning a Response object. The make_response() function takes one, two, or three arguments, the same values that can be returned from a view function, and returns a Response object. Sometimes it is useful to perform this conversion inside the.
  • 17. Flask Responses  The request cookie is what is send from the client to the server (thus what the browser provides). The response cookie are the cookies that you want to place in the browser. The next connection from the browser that accepted the cookie from the response object will provide the cookie in the request object.
  • 18. Flask Responses  There is a special type of response called a redirect. This response does not include a page document; it just gives the browser a new URL from which to load a new page. Redirects are commonly used with web forms.  A redirect is typically indicated with a 302 response status code and the URL to redirect to given in a Location header.
  • 19. Flask Host command  The --host argument is a useful option because it tells the web server what network interface to listen to for connections from clients. By default, Flask’s development web server listens for connections on localhost, so only connections originating from within the computer running the server are accepted. The following command makes the web server listen for connections on the public network interface, enabling other computers in the network to connect as well
  • 20. Flask Templating Language  A template is a file that contains the text of a response, with placeholder variables for the dynamic parts that will be known only in the context of a request. The process that replaces the variables with actual values and returns a final response string is called rendering. For the task of rendering templates, Flask uses a powerful template engine called Jinja2.
  • 21. Flask Rendering Templates  By default Flask looks for templates in a templates subfolder located inside the applica‐ tion folder. For the next version of hello.py, you need to store the templates defined earlier in a new templates folder as index.html and user.html
  • 22. Flask Rendering Templates- Variables  The {{ name }} construct used in the template references a variable, a special placeholder that tells the template engine that the value that goes in that place should be obtained from data provided at the time the template is rendered. Jinja2 recognizes variables of any type, even complex types such as lists, dictionaries and objects. The following are some more examples of variables used in templates:
  • 23. Flask Rendering Templates- Control Structures  Jinja2 offers several control structures that can be used to alter the flow of the template. This section introduces some of the most useful ones with simple examples. The following example shows how conditional statements can be entered in a template
  • 24. Flask Rendering Templates- Control Structures  Another common need in templates is to render a list of elements. This example shows how this can be done with a for loop:
  • 25. Flask Static Files  Web applications are not made of Python code and templates alone. Most applications also use static files such as images, JavaScript source files, and CSS that are referenced from the HTML code. You may recall that when the hello.py application’s a static entry appeared in it. This is so because references to static files are treated as a special route defined as /static/. For example, a call to url_for('static', filename='css/styles.css', _external=True) would return http://localhost:5000/static/css/styles.css.
  • 26. Flask Rendering Templates- Inhertance  Portions of template code that need to be repeated in several places can be stored in a separate file and included from all the templates to avoid repetition: