Outils pour utilisateurs

Outils du site


isn:flask_replit

Différences

Ci-dessous, les différences entre deux révisions de la page.

Lien vers cette vue comparative

Les deux révisions précédentes Révision précédente
Prochaine révision
Révision précédente
isn:flask_replit [2019/12/10 16:55]
techer.charles_educ-valadon-limoges.fr
isn:flask_replit [2019/12/10 17:39] (Version actuelle)
techer.charles_educ-valadon-limoges.fr [Exécution de l'application]
Ligne 4: Ligne 4:
 {{:snt:localisation:snt_mobilite_repl_01.png?600|}} {{:snt:localisation:snt_mobilite_repl_01.png?600|}}
  
 +Le site de repl.it du projet se présente en 3 parties : 
 +  - à **gauche** **l'arborescence** de fichiers ;
 +  - au **centre** **l'éditeur** de fichier ;
 +  - à **droite** la **console** montrant l'exécution du programme.
 +{{:isn:replit_01.png|}}
 ===== Préparation du projet ===== ===== Préparation du projet =====
-  * je crée un dossier **projet_** ; +  * dans le dossier du projet le fichier principal python de l'application est **main.py** ; 
-  * dans le dossier **projetTodo** je crée le fichier python de l'application **app.py** ; +  * dans le dossier , je crée un sous-dossier **templates** ;
-  * dans le dossier **projetTodo**, je crée un sous-dossier **templates** ;+
   * dans le sous-dossier **templates** je crée une page **index.html**   * dans le sous-dossier **templates** je crée une page **index.html**
  
Ligne 15: Ligne 19:
  
 === Le résultat à obtenir ==== === Le résultat à obtenir ====
-{{ :isn:flask_03.png |}}+{{:isn:replit_02.png?200|}}
 ===== Le fichier python de l'application  ===== ===== Le fichier python de l'application  =====
  
-  * Ecrivez le contenu suivant dans le fichier **app.py** : +  * Il est important, pour le lancement de l'application, d'ajouter en paramètre l'adresse 0.0.0.0 pour le serveur. Cela donne le contenu suivant dans le fichier **app.py** : 
 <file python app.py> <file python app.py>
 #! /usr/bin/python #! /usr/bin/python
Ligne 31: Ligne 35:
  
 if __name__ == '__main__': if __name__ == '__main__':
-    app.run(debug=True)+    app.run(host='0.0.0.0', debug=True)
  
 </file> </file>
Ligne 55: Ligne 59:
 </WRAP> </WRAP>
  
 +===== Le fichier HTML de la page Web =====
 +
 +  * Ecrivez le contenu suivant dans le fichier **index.html** :
 +<file html index.html>
 +<!DOCTYPE html>
 +<html lang="fr">
 +<head>
 + <meta charset="UTF-8">
 + <title>Application Flask</title>
 +</head>
 +<body>
 +  bonjour          
 +</body>
 +</html>
 +</file>
 +
 +===== Exécution de l'application =====
 +A l'exécution de l'application, le contenu de la page html est affiché ainsi que l'URL de l'application. Dasn la copie d'écran c'est https://StaidGrownHack--five-nine.repl.co
 +{{:isn:replit_03.png|}}
 ==== Retour à l'activité : Utiliser le framework Flask pour créer un site Web dynamique ==== ==== Retour à l'activité : Utiliser le framework Flask pour créer un site Web dynamique ====
 <WRAP center round info> <WRAP center round info>
   * [[.:flask_01|Activité : Utiliser le framework Flask pour créer un site Web dynamique]]   * [[.:flask_01|Activité : Utiliser le framework Flask pour créer un site Web dynamique]]
 </WRAP> </WRAP>
isn/flask_replit.1575993346.txt.gz · Dernière modification: 2019/12/10 16:55 de techer.charles_educ-valadon-limoges.fr