Formulaires et traitement de données

Fermé
ggaabrielle - 26 mars 2020 à 17:43
 ggaabrielle - 26 mars 2020 à 18:07
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

5 réponses

jordane45 Messages postés 38201 Date d'inscription mercredi 22 octobre 2003 Statut Modérateur Dernière intervention 5 juin 2024 4 675
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
0
ggaabrielle
26 mars 2020 à 18:06
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.
0
ggaabrielle
26 mars 2020 à 18:06
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>
0
ggaabrielle
26 mars 2020 à 18:07
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>
0

Vous n’avez pas trouvé la réponse que vous recherchez ?

Posez votre question
ggaabrielle
26 mars 2020 à 18:07
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)
0