Introduction a flask python

1. WEB 2/2
Olivier Rovellotti
Python

4. Pourquoi un “Template Engine”?
• Le code est plus clair : on sait où est le code HTML et on ne doit pas
chercher dans le code
• Si un jour vous voulez modifier l'affichage, vous savez quelle partie du
code éditer
• Si vous travaillez avec un graphiste, ou un intégrateur vous pouvez
leur fournir juste ces fichiers

5. CSS
Template HTML
Python

6. Exemple
{% extends "layout.html" %}
{% block body %}
<ul>
{% for user in users %}
<li><a href="{{ user.url }}">{{ user.username }}</a></li>
{% endfor %}
</ul>
{% endblock %}

7. pip install jinja2

8. Hello world
>>> from jinja2 import Template
>>> template = Template('Hello {{ name }}!')
>>> template.render(name='John Doe')
'Hello John Doe!'

9. Plus fort !
>>> from jinja2 import Template
>>> template = Template(‘{% for user in users %} <li>{{ user }}</li> {% endfor %} ')
>>> template.render(users=['oli',‘momo',‘michmich'])
' <li>oli</li> <li>momo</li> <li>michmich</li> '

10. Transformer ce code
print("Content-type: text/html; charset=utf-8n")
liste={"Alban":"0688774455", "olivier":"0609576653", "AARON":"0688774455"}
print ("<ol>")
for cle, valeur in liste.items():
html = "<li><i>"+cle+"</i> " + "<b>" + valeur + "</b></br> </li>“
print(html)
print ("</ol>")

12. pip install Flask

13. Routeur.py
from flask import Flask
app = Flask(__name__)
@app.route('/')
def hello_world():
return 'Hello, World!'

14. Lancer le serveur
Set FLASK_APP= Routeur.py
flask run
* Serving Flask app "flasktest"
* Running on http://127.0.0.1:5000/ (Press CTRL+C to quit)
127.0.0.1 - - [14/Nov/2017 23:19:40] "GET / HTTP/1.1" 200 -

15. Router
@app.route('/')
def index():
return 'Index Page'
@app.route('/hello')
def hello():
return 'Hello, World'

16. Router intelligent
@app.route('/user/<username>')
def show_user_profile(username): # show the user profile for that user
return 'User %s' % username
@app.route('/post/<int:post_id>')
def show_post(post_id): # show the post with the given id, the id is an integer
return 'Post %d' % post_id

17. Twitter: @orovellotti
www.natural-solutions.eu
Merci
Olivier_rovellotti@natural-solutions.eu