Jeudi 19 décembre 2024
A télécharger -->
https://getbootstrap.com/docs/5.3/getting-started/download/
http://getbootstrap.com/getting-started/
http://bootsnipp.com
https://bootswatch.com
Création de la base de données et de la table portfolio :
CREATE DATABASE portfolio;
USE portfolio;
CREATE TABLE contact (
- idContact INT AUTO_INCREMENT PRIMARY KEY,
- nomContact VARCHAR(50) NOT NULL,
- prenomContact VARCHAR(50) NOT NULL,
- emailContact VARCHAR(100) NOT NULL,
- telephoneContact VARCHAR(15),
- sujetContact VARCHAR(100) NOT NULL,
- demandeContact TEXT NOT NULL);
Code html de la page contact.html
<?php
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Formulaire de Contact</title>
<!-- Lien CDN Bootstrap -->
<link href="https://cdn.jsdelivr.net/npm/bootstrap@5.3.0/dist/css/bootstrap.min.css"
rel="stylesheet">
</head>
<body>
<div class="container mt-5">
<h2 class="text-center">Contactez-nous</h2>
<form action="contact.php" method="POST" class="shadow p-4 rounded bg-light">
<div class="mb-3">
<label for="nomContact" class="form-label">Nom :</label>
<input type="text" class="form-control" id="nomContact" name="nomContact" required>
</div>
<div class="mb-3">
<label for="prenomContact" class="form-label">Prénom :</label>
<input type="text" class="form-control" id="prenomContact" name="prenomContact"
required>
</div>
<div class="mb-3">
<label for="emailContact" class="form-label">Email :</label>
<input type="email" class="form-control" id="emailContact" name="emailContact"
required>
</div>
<div class="mb-3">
<label for="telephoneContact" class="form-label">Téléphone :</label>
<input type="text" class="form-control" id="telephoneContact" name="telephoneContact">
</div>
<div class="mb-3">
<label for="sujetContact" class="form-label">Sujet :</label>
<input type="text" class="form-control" id="sujetContact" name="sujetContact" required>
</div>
<div class="mb-3">
<label for="demandeContact" class="form-label">Message :</label>
<textarea class="form-control" id="demandeContact" name="demandeContact" rows="4"
required></textarea>
</div>
<button type="submit" class="btn btn-primary w-100">Envoyer</button>
</form>
</div>
<!-- Script Bootstrap -->
<script
src="https://cdn.jsdelivr.net/npm/bootstrap@5.3.0/dist/js/bootstrap.bundle.min.js"></script>
</body>
</html>
?>
Le code php permettant d'enregistrer les informations du formulaire dans la base de données :
<?php
// Connexion à la base de données
$host = 'localhost';
$dbname = 'portfolio';
$username = 'root';
$password = '';
try {
$pdo = new PDO("mysql:host=$host;dbname=$dbname;charset=utf8", $username, $password);
$pdo->setAttribute(PDO::ATTR_ERRMODE, PDO::ERRMODE_EXCEPTION);
}
catch (PDOException $e) {
die("Erreur de connexion : " . $e->getMessage());
}
// Vérifier si le formulaire est soumis
if ($_SERVER['REQUEST_METHOD'] == 'POST') {
$nom = $_POST['nomContact'];
$prenom = $_POST['prenomContact'];
$email = $_POST['emailContact'];
$telephone = $_POST['telephoneContact'];
$sujet = $_POST['sujetContact'];
$demande = $_POST['demandeContact'];
// Insertion dans la base de données
$sql = "INSERT INTO contact (nomContact, prenomContact, emailContact, telephoneContact,sujetContact, demandeContact)
VALUES (:nom, :prenom, :email, :telephone, :sujet, :demande)";
$stmt = $pdo->prepare($sql);
$stmt->execute([':nom' => $nom,':prenom' => $prenom,':email' => $email,':telephone' => $telephone,':sujet' => $sujet,':demande' => $demande,]);
echo "Votre message a été envoyé avec succès.";
}
?>
https://getbootstrap.com/docs/4.3/getting-started/download/
Bonjour,
Afin de permettre à chacun, élève comme enseignant de profiter du repas festif du Jeudi 19 Décembre 2024 il n'y aura pas de cours entre 11h35 et 13h40.
Je vous rappelle que vous devez vous inscrire auprès du service intendance pour ce déjeuner.
Bien cordialement,
Mme Sierra, proviseure-adjointe.