Formulaires et traitement de données
Fermé
Bonjour, je suis cette année en première et j'ai comme option Sciences de l'informatique et du numérique. Je fais aujourd'hui face à un problème :
Je dois faire un formulaire (que j'ai déjà programmé normalement sauf le bouton "submit" dont je ne connais pas le fonctionnement) et, quand je le soumet (le formulaire), les données doivent se ranger dans un tableau d'une page annexe (que j'ai déjà programmée aussi [normalement]) : ce qui me pose problème c'est la liaison entre les deux (j'ai tenté de faire des fonctions python mais j'ai raté cette partie du cours alors ...).
Aussi, dans le tableau, on doit pouvoir supprimer chaque utilisateur et on doit pouvoir réinitialiser le prénom.
J'ai la possibilité de faire un partage de projet sur Gitlab pour que le code soit visible et modifiable.
En espérant que quelqu'un puisse m'aider, merci d'avance
Je dois faire un formulaire (que j'ai déjà programmé normalement sauf le bouton "submit" dont je ne connais pas le fonctionnement) et, quand je le soumet (le formulaire), les données doivent se ranger dans un tableau d'une page annexe (que j'ai déjà programmée aussi [normalement]) : ce qui me pose problème c'est la liaison entre les deux (j'ai tenté de faire des fonctions python mais j'ai raté cette partie du cours alors ...).
Aussi, dans le tableau, on doit pouvoir supprimer chaque utilisateur et on doit pouvoir réinitialiser le prénom.
J'ai la possibilité de faire un partage de projet sur Gitlab pour que le code soit visible et modifiable.
En espérant que quelqu'un puisse m'aider, merci d'avance
A voir également:
- Formulaires et traitement de données
- Supprimer les données de navigation - Guide
- Traitement de texte gratuit - Guide
- Reinstaller windows sans perte de données - Guide
- Traitement de texte gratuit open office - Télécharger - Suite bureautique
- Tnt base de données vide ✓ - Forum TNT / Satellite / Réception
5 réponses
jordane45
Messages postés
38446
Date d'inscription
mercredi 22 octobre 2003
Statut
Modérateur
Dernière intervention
28 février 2025
4 739
26 mars 2020 à 17:51
26 mars 2020 à 17:51
Bonjour,
Deux choses :
1- Dans quel(s) langage(s) travailles tu ?
2 - Quel code as tu écris...
Sans ces deux informations... personne ne sera en mesure de t'aider !
NB : Pour poster ton code sur le forum, merci d'utiliser les balises de code :
https://codes-sources.commentcamarche.net/faq/11288-les-balises-de-code
Deux choses :
1- Dans quel(s) langage(s) travailles tu ?
2 - Quel code as tu écris...
Sans ces deux informations... personne ne sera en mesure de t'aider !
NB : Pour poster ton code sur le forum, merci d'utiliser les balises de code :
https://codes-sources.commentcamarche.net/faq/11288-les-balises-de-code
Je travaille sur VS code, certaines pages sont en html et leur style en css, et il me semble que la liaison que je ne trouve pas doit se faire en python et en json.
code du formulaire
<!doctype html>
<html lang="fr">
<head>
<meta charset="utf-8">
<meta name="description" content="Projet Formulaire">
<meta name="keywords" content="HTML5, CSS3">
<meta name="author" content="Gabrielle_Julien">
<title>Projet Formulaire</title>
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/4.0.0/css/bootstrap.min.css" integrity="sha384-Gn5384xqQ1aoWXA+058RXPxPg6fy4IWvTNh0E263XmFcJlSAwiGgFAW/dAiS6JXm" crossorigin="anonymous">
<link rel="stylesheet" href="C:/cours_python/projet-formulaire/css/annexe.css">
</head>
<body>
<h4>Préinscription</h4>
<br><br><br>
<h4>Madame, Monsieur,</h4>
<p>Pour la préincription de votre enfant, il nous est nécessaire d'avoir les informations qui vous seront demandées dans le formulaire suivant. Merci de bien vouloir remplir, et la réponse finale à votre demande vous sera communiuée en Mai.</p>
<br><br><br>
<form name="formulaire" method="POST" action="C:/cours_python/projet-formulaire/html/table.html">
<label>
Nom de l'enfant :
<input name="surname" type="text">
</label>
<label>
Prénom de l'enfant :
<input name="name" type="text">
</label>
<label>
Âge de l'enfant :
<input name="age" type="number" min="10" max="18" value="17">
</label>
<label class="form-control" for="option" name="Période d'inscription : ">
<select class="form-control" id="exampleFormControlSelect1" name="inscription">
<option>du 12/07/2020 au 19/07/2020</option>
<option>du 20/07/2020 au 27/07/2020</option>
<option>du 28/07/2020 au 04/08/2020</option>
<option>du 05/08/2020 au 11/08/2020</option>
<option>du 12/08/2020 au 18/08/2020</option>
<option>du 19/08/2020 au 26/08/2020</option>
</select>
</label>
<p>Thématique de la colonie : </p>
<label>
<input name="thematique" type="radio" value="musique">
Musique
</label>
<br/>
<label>
<input name="thematique" type="radio" value="multisports">
Multisports
</label>
<br/>
<label>
<input name="thematique" type="radio" value="decouverteville">
Découverte d'une ville
</label>
<br/>
<label>
<input name="thematique" type="radio" value="semaineplage">
Une semaine à la plage
</label>
<br/>
<button type="submit">Envoyer</button>
</form>
</body>
</html>
code du tableau
<!doctype html>
<html lang="fr">
<head>
<meta charset="utf-8">
<meta name="description" content="Projet Formulaire">
<meta name="keywords" content="HTML5, CSS3">
<meta name="author" content="Gabrielle_Julien">
<title>Projet Formulaire</title>
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/4.0.0/css/bootstrap.min.css" integrity="sha384-Gn5384xqQ1aoWXA+058RXPxPg6fy4IWvTNh0E263XmFcJlSAwiGgFAW/dAiS6JXm" crossorigin="anonymous">
<link rel="stylesheet" href="C:/cours_python/projet-formulaire/css/annexe.css">
</head>
<body>
<h4>Table</h4>
<br><br>
<table class="table">
<thead class="thead-dark">
<tr>
<th scope="col">Nom</th>
<th scope="col">Prénom</th>
<th scope="col">Âge</th>
<th>Période d'inscription</th>
<th>Thématique</th>
<th>Action</th>
</tr>
</thead>
<tbody>
<tr>
<td>{{nom}}</td>
<td>{{prenom}}</td>
<td>{{age}}</td>
<td>{{periodeinscription}}</td>
<td>{{thematique}}</td>
<td>
<button class="btn btn-info" type="reset">Supprimer</button>
</td>
</tr>
</tbody>
</table>
<br><br>
<button class="btn btn-info" type="reset">Réinitialiser</button>
<a href="C:/cours_python/projet-formulaire/html/formulaire.html">
<button type="button" class="btn btn-info">Inscription</button>
</a>
</body>
</html>
Vous n’avez pas trouvé la réponse que vous recherchez ?
Posez votre question
code python qui est surement totalement faux
from flask import Flask, render_template, jsonify, request
import json
app = Flask(__name__)
@app.route("/html/index.html")
def index():
return render_template('index.html')
@app.route("/html/table.html", methods=['POST'])
def traitement_formulaire():
nom = request.form['surname']
prenom = request.form['name']
age = request.form['age']
periodeinscription = request.form['inscription']
thematique = request.form['thematique']
return render_template('C:/cours_python/projet_formulaire/html/table.html', nom=nom, prenom=prenom, age=age, periodeinscription=periodeinscription, thematique=thematique)
@app.route ("C:/cours_python/projet_formulaire/html/table.html", methods=['POST'])
def supprimer ():
utilisateurs = [
{
'nom': 'Julien',
'prenom' : 'Gabrielle',
'age' : '15',
'periodeinscription' : 'du 12/07/2020 au 19/07/2020',
'thematique': 'musique'}
]
def noms_utilisateurs():
return [utilisateur['nom'] for utilisateur in utilisateurs]
@app.route('/index.html', methods = ['GET'])
def index():
return jsonify('Bienvenue')
@app.route('/liste/utilisateurs', methods = ['GET'])
def liste_utilisateurs():
return jsonify(utilisateurs)
@app.route('/liste/noms', methods = ['GET'])
def liste_noms():
return jsonify(noms_utilisateurs())
@app.route('/liste/password', methods = ['GET'])
def liste_password():
return jsonify(passwords_utilisateurs())
@app.route('/ajouter/utilisateur', methods = ['POST'])
def ajouter_utilisateur():
nouvel_utilisateur = json.loads(request.data.decode('utf8'))
print("nouvel utilisateur ajouté: ",nouvel_utilisateur)
utilisateurs.append(nouvel_utilisateur)
return jsonify('utilisateur ajouté avec succès')
app.run(host='0.0.0.0', port='5000', debug=True)