Ci-dessous, les différences entre deux révisions de la page.
Prochaine révision | Révision précédente | ||
python:flask:static_files [2021/09/18 07:49] marclebrun créée |
python:flask:static_files [2021/09/18 07:54] (Version actuelle) |
||
---|---|---|---|
Ligne 1: | Ligne 1: | ||
====== Static (css, js, img, ...) ====== | ====== Static (css, js, img, ...) ====== | ||
+ | Les fichiers statiques sont généralement placés dans un dossier **/static** | ||
+ | |||
+ | <code> | ||
+ | /home/marc/mon_projet | ||
+ | ├── venv | ||
+ | │ └── ... | ||
+ | ├── static | ||
+ | │ ├── css | ||
+ | │ │ ├── styles.css | ||
+ | │ │ └── ... | ||
+ | │ ├── img | ||
+ | │ │ ├── favicon.png | ||
+ | │ │ └── ... | ||
+ | │ └── js | ||
+ | │ ├── main.js | ||
+ | │ └── ... | ||
+ | └── app.py | ||
+ | </code> | ||
+ | |||
+ | Ils sont inclus par un appel à **url_for** : | ||
+ | |||
+ | <code html> | ||
+ | <head> | ||
+ | <link rel="icon" type="image/png" href="{{ url_for('static', filename='img/favicon.png') }}"> | ||
+ | <link rel="stylesheet" href="{{ url_for('static', filename='css/styles.css') }}"> | ||
+ | </head> | ||
+ | |||
+ | <body> | ||
+ | ... | ||
+ | <script src="{{ url_for('static', filename='js/main.js') }}"></script> | ||
+ | </body> | ||
+ | </code> | ||