Python Flask Tutorial For Beginners | Flask Web Development Tutorial | Python Training | Edureka

Python Certification Training https://www.edureka.co/python
Agenda

Agenda
Introduction 01
Introduction
to Flask
Getting Started 02
Concepts 03
Practical Approach 04
Installing and working
with Flask
Looking at code to
understand theory
Overview of all the
concepts in Flask

Introduction to Flask

Open Source
Flask is a web application framework written in Python.What is Flask?
Large community for
Learners and Collaborators
Let’s get started then!

What is a Web Framework?
Life without Flask! Using Flask!
ModulesLibraries
Web Developer

Flask!!
Enthusiasts named Pocco!
Werkzeug WSGI Toolkit Jinga2 Template Engine
I’m learning Flask!

Installing Flask

Installation - Prerequisite
Prerequisite
virtualenv Virtual Python Environment builder
pip install virtualenv
Sudo apt-get install virtualenv

Installation - Flask
Installation
Once installed, new virtual environment is created in a folder
mkdir newproj
cd newproj
virtualenv venv
To activate corresponding environment, use the following:
venvscriptsactivate
pip install Flask

Flask - Application

Flask - Application
Test Installation
Use this simple code, save it as Hello.py
from flask import Flask
app = Flask(__name__)
@app.route('/')
def hello_world():
return 'Hello World’
if __name__ == '__main__':
app.run()

Flask - Application
Importing flask module in the project is mandatory!
Flask constructor takes name of current module (__name__) as argument
App.route(rule, options)
route() function
URL binding with the function
List of parameters to be forwarded to the underlying Rule object

Flask - Application
App.run(host, port, options
Sl.no Parameter Description
1 host
Hostname to listen on. Defaults to 127.0.0.1 (localhost). Set to
‘0.0.0.0’ to have server available externally
2 port Defaults to 5000
3 debug Defaults to false. If set to true, provides a debug information
3 options To be forwarded to underlying Werkzeug server.
* Running on http://127.0.0.1:5000/ (Press CTRL+C to quit)
All these parameters are optional
Python hello.py

Flask – Application

Flask - Application
Debug mode
Flask application is
started by calling
run() method
How to enable Debug mode?
app.debug = True
app.run()
app.run(debug = True)

Flask – Routing

Flask - Routing
Route() decorator in Flask is used to bind URL to a function
@app.route(‘/hello’)
def hello_world():
return ‘hello world’
add_url_rule() function is also used to bind URL with function
Check out the following representation
def hello_world():
return ‘hello world’
app.add_url_rule(‘/’, ‘hello’, hello_world)

Flask –Variable Rules

Flask – Variable Rules
It is possible to build a URL dynamically!
How? By adding variable parts to the rule parameter
Consider the example
@app.route('/hello/<name>')
def hello_name(name):
return 'Hello %s!' % name
if __name__ == '__main__':
http://localhost:5000/hello/Edureka

More rules can be constructed using these converters
Sl.no Parameter Description
1 int Accepts Integer
2 Float For Floating point value
3 Path
Accepts slashes used as
directory separator character
@app.route('/blog/<int:postID>')
def show_blog(postID):
return 'Blog Number %d' % postID
@app.route('/rev/<float:revNo>')
def revision(revNo):
return 'Revision Number %f' % revNo
if __name__ == '__main__':
app.run()
Run the code
Visit the URL: http://localhost:5000/blog/11
Blog number 11Browser Output
http://localhost:5000/rev/1.1 Revision Number 1.100000

Consider the following code:
@app.route('/flask')
def hello_flask():
return 'Hello Flask'
@app.route('/python/')
def hello_python():
return 'Hello Python'
if __name__ == '__main__':
app.run()
Run the code
/flask /flask/
/python /python/

Flask – URL Binding

Flask – URL Building
url_for() function is used for dynamically building a URL for a specific function
from flask import Flask, redirect, url_for
@app.route('/admin')
def hello_admin():
return 'Hello Admin'
@app.route('/guest/<guest>')
def hello_guest(guest):
return 'Hello %s as Guest' % guest
@app.route('/user/<name>')
def hello_user(name):
if name =='admin':
return redirect(url_for('hello_admin'))
else:
return
redirect(url_for('hello_guest',guest = name))
if __name__ == '__main__':
http://localhost:5000/user/admin

Flask – HTTP Methods

HTTP Protocols are the foundation for data communication in WWW
Sl.no Method Description
1 GET Sends data in unencrypted form to server
2 HEAD Same as GET, but without response body
3 POST Used to send HTML form data to server.
4 PUT
Replaces all current representations of target resource with
uploaded content
5 DELETE
Removes all current representations of target resource given by
URL
Let’s look at an example

First we look at the HTML file
<html>
<body>
<form action = "http://localhost:5000/login" method = "post">
<p>Enter Name:</p>
<p><input type = "text" name = "nm" /></p>
<p><input type = "submit" value = "submit" /></p>
</form>
</body>
</html>
Save this as login.html

Next is Python Script
from flask import Flask, redirect, url_for, request
@app.route('/success/<name>')
def success(name):
return 'welcome %s' % name
@app.route('/login',methods = ['POST', 'GET'])
def login():
if request.method == 'POST':
user = request.form['nm']
return redirect(url_for('success',name = user))
else:
user = request.args.get('nm')
return redirect(url_for('success',name = user))
if __name__ == '__main__':
Let’s check out the output!

Flask – Templates

Flask – Templates
Can we return the output of a function bound to a UR: in form of HTML?
@app.route('/')
def index():
return '<html><body><h1>'Hello
World'</h1></body></html>'
if __name__ == '__main__':
But this is cumbersome
@app.route('/')
def index():
return '<html><body><h1>'Hello
World'</h1></body></html>'
if __name__ == '__main__':
Flask will try to find the HTML
file in the templates folder, in
the same folder in which this
script is present.

Flask – Templates
Flask uses jinga2 template engine
<!doctype html>
<html>
<body>
<h1>Hello {{ name }}!</h1>
</body>
</html>
Flask will try to find the HTML
file in the templates folder, in
the same folder in which this
script is present.
from flask import Flask, render_template
@app.route('/hello/<user>')
def hello_name(user):
return render_template('hello.html', name = user)
if __name__ == '__main__':
The Jinga2 template engine uses the following delimiters for escaping from HTML
• {% ... %} for Statements
• {{ ... }} for Expressions to print to the template output
• {# ... #} for Comments not included in the template output
• # ... ## for Line Statements

Flask – Templates
Conditional statements in templates
@app.route('/hello/<int:score>')
def hello_name(score):
return render_template('hello.html', marks = score)
if __name__ == '__main__':
<!doctype html>
<html>
<body>
{% if marks>50 %}
<h1> Your result is pass!</h1>
{% else %}
<h1>Your result is fail</h1>
{% endif %}
</body>
</html>
HTML Template script

Flask – Templates
Another example
@app.route('/result')
def result():
dict = {'phy':50,'che':60,'maths':70}
return render_template('result.html', result = dict)
if __name__ == '__main__':
<!doctype html>
<html>
<body>
<table border = 1>
{% for key, value in result.iteritems() %}
<tr>
<th> {{ key }} </th>
<td> {{ value }} </td>
</tr>
{% endfor %}
</table>
</body>
</html>

Flask – Static Files

Flask – Static Files
Web application will require a static file such as JS or CSS file
@app.route('/result')
def result():
dict = {'phy':50,'che':60,'maths':70}
return render_template('result.html', result = dict)
if __name__ == '__main__':
<!doctype html>
<html>
<body>
<table border = 1>
{% for key, value in result.iteritems() %}
<tr>
<th> {{ key }} </th>
<td> {{ value }} </td>
</tr>
{% endfor %}
</table>
</body>
</html>
Python
function sayHello() {
alert("Hello World")
}
JS File
HTML

Flask – Request Object

Flask – Request Object
Data from client’s webpage is sent to server as a global request object
Form Dictionary object containing key-value pairs of form parameters and values
args Parsed contents of query string which is part of URL after question mark (?)
Cookies Dictionary object holding Cookie names and values
files Data pertaining to uploaded file
Method Current request method

Flask – Cookies

Flask – Cookies
Cookie is stored on client’s machine. And helps with data tracking
@app.route('/')
def index():
return render_template('index.html')
<html>
<body>
<form action = "/setcookie" method = "POST">
<p><h3>Enter userID</h3></p>
<p><input type = 'text' name = 'nm'/></p>
<p><input type = 'submit' value = 'Login'/></p>
</form>
</body>
</html>
@app.route('/setcookie', methods = ['POST', 'GET'])
def setcookie():
if request.method == 'POST':
user = request.form['nm']
resp = make_response(render_template('readcookie.html'))
resp.set_cookie('userID', user)
return resp
@app.route('/getcookie')
def getcookie():
name = request.cookies.get('userID')
return '<h1>welcome '+name+'</h1>'

Flask – Redirect & Errors

Flask Class has a redirect() function which returns a response object
Prototype Flask.redirect(location, statuscode, response)
URL where response should be redirected
Statuscode sent to browser’s header
Response parameter used to instantiate response

Standardized status codes
Sl.no Status Code
1 HTTP_300_MULTIPLE_CHOICES
2 HTTP_301_MOVED_PERMANENTLY
3 HTTP_302_FOUND
4 HTTP_303_SEE_OTHER
5 HTTP_304_NOT_MODIFIED
6 HTTP_305_USE_PROXY
7 HTTP_306_RESERVED
Sl.no Code Description
1 400 Bad Request
2 401 Unauthenticated
3 403 Forbidden
4 404 Not Found
5 406 Not Acceptable
6 415 Unsupported Media Type
7 429 Too Many Requests
Prototype Flask.abort(code)

Flask – Extensions

Flask – Extensions
Flask is a micro framework
Large number of extensions
Flask Mail Flask WTF Flask SQLAlchemy Flask Sijax
Provides SMTP
interface to
Flask
application
Adds rendering
& validation of
WTForms
Adds
SQLAlchemy
support to Flask
Application
Interface for
Sijax –
Python/jQuery
library that
makes AJAX
easy to use
Extensive Documentation

Conclusion

Python Flask Tutorial For Beginners | Flask Web Development Tutorial | Python Training | Edureka

Python Flask Tutorial For Beginners | Flask Web Development Tutorial | Python Training | Edureka

Recommended

More Related Content

What's hot (20)

Similar to Python Flask Tutorial For Beginners | Flask Web Development Tutorial | Python Training | Edureka (20)

More from Edureka! (20)

Recently uploaded (20)

Python Flask Tutorial For Beginners | Flask Web Development Tutorial | Python Training | Edureka