mohammede/server_flask
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

simple form contact

Browse Source
This commit is contained in:
mohammed el amine djellal 2025-01-31 15:20:08 +01:00
parent 96083a40a0
commit 994374ca33
11 changed files with 211 additions and 0 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

3
.gitignore vendored Normal file
View File

@ -0,0 +1,3 @@
instance/
__pycache__/

25
app.py Normal file
View File

@ -0,0 +1,25 @@
from flask import Flask, render_template, redirect, url_for, flash
from forms import ContactForm
app = Flask(__name__)
app.config['SECRET_KEY'] = 'votre_cle_secrete_pour_flask_wtf'
@app.route('/contact', methods=['GET', 'POST'])
def contact():
form = ContactForm()
# Si on arrive sur la page après validation du formulaire (POST)
if form.validate_on_submit():
# Traitement les données du formulaire
name = form.name.data
email = form.email.data
message = form.message.data
# Par exemple, enregistrer ou envoyer un email
flash(f"Merci {name}, voici le message: {message}", "success")
return redirect(url_for('contact'))
# Si on arrive sur la page sans validation du formulaire (GET)
return render_template('form.html', form=form)
if __name__ == "__main__":
app.run(debug=True)

17
config.py Normal file
View File

@ -0,0 +1,17 @@
import os
class Config:
"""Configuration de base."""
# Clé secrète pour la protection des sessions, cookies et formulaires
SECRET_KEY = os.environ.get('SECRET_KEY') or 'votre_cle_secrete'
# Configuration de la base de données
SQLALCHEMY_DATABASE_URI = os.environ.get('DATABASE_URL') or 'sqlite:///app.db'
SQLALCHEMY_TRACK_MODIFICATIONS = False
# Options pour le débogage
DEBUG = False
# Autres configurations
UPLOAD_FOLDER = os.environ.get('UPLOAD_FOLDER') or 'uploads'
MAX_CONTENT_LENGTH = 16 * 1024 * 1024 # Taille maximale d'un fichier téléchargé (ici: 16 Mo)

18
forms.py Normal file
View File

@ -0,0 +1,18 @@
from flask_wtf import FlaskForm
from wtforms import StringField, TextAreaField, SubmitField
from wtforms.validators import DataRequired, Email, Length
class ContactForm(FlaskForm):
name = StringField(
'Nom',
validators=[DataRequired(), Length(min=2, max=50)]
)
email = StringField(
'Email',
validators=[DataRequired(), Email()]
)
message = TextAreaField(
'Message',
validators=[DataRequired(), Length(min=10, max=500)]
)
submit = SubmitField('Envoyer')

0
models.py Normal file
View File

18
requirements.txt Normal file
View File

@ -0,0 +1,18 @@
blinker==1.9.0
click==8.1.8
dnspython==2.7.0
email_validator==2.2.0
Flask==3.1.0
Flask-SQLAlchemy==3.1.1
Flask-WTF==1.2.2
greenlet==3.1.1
gunicorn==23.0.0
idna==3.10
itsdangerous==2.2.0
Jinja2==3.1.5
MarkupSafe==3.0.2
packaging==24.2
SQLAlchemy==2.0.37
typing_extensions==4.12.2
Werkzeug==3.1.3
WTForms==3.2.1

6
static/styles.css Normal file
View File

@ -0,0 +1,6 @@
body {
font-family: Arial, sans-serif;
background-color: red;
margin: 0;
padding: 0;
}

24
templates/base.html Normal file
View File

@ -0,0 +1,24 @@
<!DOCTYPE html>
<html lang="fr">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>{% block title %}Mon Site{% endblock %}</title>
<link rel="stylesheet" href="{{ url_for('static', filename='styles.css') }}">
</head>
<body>
<header>
<h1>Bienvenue sur mon site</h1>
</header>
<main>
{% block content %}{% endblock %}
</main>
<footer>
<p>&copy; 2025 Mon Site. Tous droits réservés.</p>
</footer>
</body>
</html>

49
templates/form.html Normal file
View File

@ -0,0 +1,49 @@
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Contact</title>
<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/bootstrap@5.3.0-alpha3/dist/css/bootstrap.min.css">
</head>
<body>
<div class="container mt-5">
<h1>Contactez-nous</h1>
<form method="POST">
<!-- CSRF token (voir plus bas)-->
{{ form.hidden_tag() }}
<div class="mb-3">
{{ form.name.label(class="form-label") }}
{{ form.name(class="form-control", placeholder="nom") }}
{% for error in form.name.errors %}
<div class="text-danger">{{ error }}</div>
{% endfor %}
</div>
<div class="mb-3">
{{ form.email.label(class="form-label") }}
{{ form.email(class="form-control", placeholder="email") }}
{% for error in form.email.errors %}
<div class="text-danger">{{ error }}</div>
{% endfor %}
</div>
<div class="mb-3">
{{ form.message.label(class="form-label") }}
{{ form.message(class="form-control", placeholder="message") }}
{% for error in form.message.errors %}
<div class="text-danger">{{ error }}</div>
{% endfor %}
</div>
<button type="submit" class="btn btn-primary">{{ form.submit.label }}</button>
</form>
{% with messages = get_flashed_messages(with_categories=True) %}
{% if messages %}
<div class="mt-3">
{% for category, message in messages %}
<div class="alert alert-{{ category }}">{{ message }}</div>
{% endfor %}
</div>
{% endif %}
{% endwith %}
</div>
</body>
</html>

24
templates/home.html Normal file
View File

@ -0,0 +1,24 @@
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>{{ title }}</title>
</head>
<body>
<header>
<h1>{{ title }}</h1>
<p>Bonjour, {{ user.username }} !</p>
</header>
<main>
<h2>Messages :</h2>
<ul>
{% for post in posts %}
<li>
<strong>{{ post.author }}</strong>: {{ post.content }}
</li>
{% endfor %}
</ul>
</main>
</body>
</html>

27
templates/users.html Normal file
View File

@ -0,0 +1,27 @@
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Liste des utilisateurs</title>
</head>
<body>
<h1>Liste des utilisateurs</h1>
<table border="1">
<thead>
<tr>
<th>ID</th>
<th>Nom d'utilisateur</th>
</tr>
</thead>
<tbody>
{% for user in users %}
<tr>
<td>{{ user.id }}</td>
<td>{{ user.username }}</td>
</tr>
{% endfor %}
</tbody>
</table>
</body>
</html>