English | 简体中文 | 繁體中文 | Русский язык | Français | Español | Português | Deutsch | 日本語 | 한국어 | Italiano | بالعربية
Nous avons vu que l'on peut spécifier la méthode http dans les règles d'URL. La fonction de correspondance d'URL reçue les données du formulaire sous forme d'objet dictionnaire et les transmet à la vue pour les présenter sur la page correspondante.
Dans l'exemple suivant, l'URL => / Présenter une page web avec un formulaire ( student.html) Les données remplies seront soumises à l'URL déclenchant la fonction result() => /result.
La fonction results() collecte les données du formulaire existantes dans request.form et les envoie à result.html et les affiche.
Ce modèle présente dynamiquement les données du formulaire sous forme de tableau HTML.
Voici le code d'application Python. -
# Fichier : example.py # Copyright : 2020 By w3codebox # Auteur par : fr.oldtoolbag.com # Date : 2020-08-08 from flask import Flask, render_template, request app = Flask(__name__) @app.route('/) def student(): return render_template('student.html') @app.route('/result', methods=['POST', 'GET']) def result(): if request.method == 'POST': result = request.form return render_template("result.html", result=result) if __name__ == '__main__': app.run(debug=True)
Voici student.html code HTML du script.
# Fichier : example.py # Copyright : 2020 By w3codebox # Auteur par : fr.oldtoolbag.com # Date : 2020-08-08 <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <title>Exemple Flask</title> </head> <body> <form action="http://localhost:5000/result" method="POST"> <p>Nom <input type="text" name="Name"> /></p> <p>Coût physique: <input type="text" name="Physics"> /></p> <p>Coût chimique: <input type="text" name="Chemistry"> /></p> <p>Fraction mathématique: <input type = "text" name = "Mathematics"}} /></p> <p><input type = "submit" value = "Soumettre" /></p> </form> </body> </html>
Le code du modèle (result.html) est fourni ci-dessous -
# Fichier : example.py # Copyright : 2020 By w3codebox # Auteur par : fr.oldtoolbag.com # Date : 2020-08-08 <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <title>Exemple Flask</title> </head> <body> <table border = 1> {% for key, value in result.items() %} <tr> <th> {{ key }} <//th> <td> {{ value }} <//td> </tr> {% endfor %} </table> </body> </html>
Exécuter le script Python et saisir l'URL dans le navigateur => http://localhost:5000/ Voici le résultat -
lorsque vous cliquez Soumettrelorsque vous cliquez sur le bouton, les données du formulaire sont présentées sous forme de tableau HTML result.html comme indiqué ci-dessous -