Académique Documents
Professionnel Documents
Culture Documents
Chinko
Chinko
On vérifie
Vérification
Après l’ajout du champ photo dans les deux tables, nous allons faire un programme dans le
formulaire qui permet de récupérer les photos et les stocker dans la base de donnée et le type sera
définit comme « files » et dans les restes des codes
Avant il faut activer la prise en compte des images par le système dans le fichier php.ini ce fichier se
dans xampp ensuite dans php
Partie sécurité
Page d’authentification
Interface amélioréé
Les fichiers à modifier
Authenticate.php
<?php
if ($_SERVER["REQUEST_METHOD"] == "POST") {
$nom = $_POST["nom"];
$prenom = $_POST["prenom"];
$password = $_POST["password"];
// Remplacez cette logique par une vérification sécurisée des informations d'authentification
// Assurez-vous d'utiliser des méthodes sécurisées pour stocker les mots de passe, telles que le
hachage.
// Authentification réussie
$_SESSION["nom"] = $nom;
$_SESSION["prenom"] = $prenom;
} else {
?>
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Authentification</title>
<style>
body {
background-size: cover;
background-repeat: no-repeat;
background-attachment: fixed;
margin: 0;
padding: 0;
display: flex;
align-items: center;
justify-content: center;
height: 100vh;
.auth-container {
padding: 20px;
border-radius: 8px;
width: 200px;
text-align: center;
h2 {
color: #333;
form {
margin-top: 20px;
label {
display: block;
margin-bottom: 8px;
input {
width: 100%;
padding: 10px;
margin-bottom: 12px;
box-sizing: border-box;
border-radius: 4px;
input[type="submit"] {
background-color: #4caf50;
color: #fff;
cursor: pointer;
input[type="submit"]:hover {
background-color: #45a049;
.error-message {
color: red;
margin-top: 10px;
</style>
</head>
<body>
<div class="auth-container">
<h2>Authentification</h2>
<?php
if (isset($messageErreur)) {
?>
</form>
</div>
</body>
</html>
-------------------------------------------------------------------------------------------------------------------------------------
-
Accueil.php
<!DOCTYPE html>
<html>
<head>
<style>
body {
text-align: center;
background-attachment: fixed; /* Fixer l'image de fond pour qu'elle ne défile pas avec le
contenu */
h1 {
font-size: 24px;
color: white; /* Vous pouvez définir la couleur du texte pour le rendre lisible sur l'image de
fond */
p{
font-size: 24px;
color: white; /* Vous pouvez définir la couleur du texte pour le rendre lisible sur l'image de
fond */
h2 {
font-size: 24px;
color: white; /* Vous pouvez définir la couleur du texte pour le rendre lisible sur l'image de
fond */
.icone {
overflow: hidden; /* Masquer toute partie de l'image qui dépasse de la zone ronde */
.icone img {
width: 100%;
height: 100%;
a{
display: inline-block;
background-color: green;
color: white;
text-decoration: pink;
margin: 10px;
border-radius: 10px;
}
a:hover {
background-color: grey;
</style>
<head>
<style>
body {
</style>
</head>
<body>
<div class="icone">
<img src="logo.jpeg" alt="AFRICAN PARC"> <!-- Remplacez le chemin par votre icône -->
</div>
<div>
<p style="color: blue;">African Parks est un sanctuaire pour la faune africaine, offrant aux
visiteurs une expérience unique de la vie sauvage.</p>
</div>
</body>
</html>
Ajouter_espece.php
<!DOCTYPE html>
<html>
<head>
</head>
<body>
<?php
if (!$conn) {
// Code pour insérer une nouvelle espèce animale dans la base de données
if ($_SERVER["REQUEST_METHOD"] == "POST") {
if (isset($_POST["espece"])) {
$file_info = pathinfo($_FILES['photo']['name']);
$file_extension = strtolower($file_info['extension']);
if (in_array($file_extension, $allowed_types)) {
$image = $_FILES['photo']['name'];
move_uploaded_file($_FILES['photo']['tmp_name'], $transfert);
} else {
echo "Erreur : Veuillez télécharger une image valide (jpg, jpeg, png, gif).";
} else {
// Gérez ici le cas où aucune image a été téléchargée ou s'il y a eu une erreur lors du
téléchargement
$sql = "INSERT INTO especes (nom, espece, date_naissance, photo) VALUES ('$nom', '$espece',
'$date_naissance', '$image')";
if (mysqli_query($conn, $sql)) {
} else {
} else {
}
}
?>
</form>
<?php
mysqli_close($conn);
?>
</body>
</html>
Ajouter_personnel.php
<?php
if ($_SERVER["REQUEST_METHOD"] == "POST") {
// Vérifiez la connexion
if (!$conn) {
$image = $_FILES['photo']['name'];
$tmp_location = $_FILES['photo']['tmp_name'];
// Redimensionner l'image
imagedestroy($new_image);
imagedestroy($source);
} else {
// Gérez ici le cas où aucune image a été téléchargée ou s'il y a eu une erreur lors du
téléchargement
$sql = "INSERT INTO personnel (prenom, nom, poste, email, photo) VALUES ('$prenom', '$nom',
'$poste', '$email', '$image')";
if (mysqli_query($conn, $sql)) {
} else {
mysqli_close($conn);
} else {
}
?>
enregistrer_modification_espece.php
<?php
if (!$conn) {
if ($_SERVER["REQUEST_METHOD"] == "POST") {
$image = $_FILES['photo']['name'];
move_uploaded_file($_FILES['photo']['tmp_name'], $transfert);
} else {
// Gérez ici le cas où aucune image a été téléchargée ou s'il y a eu une erreur lors du
téléchargement
if (mysqli_query($conn, $sql)) {
} else {
} else {
mysqli_close($conn);
?>
enregistrer_modification_personnel.php
<!DOCTYPE html>
<html>
<head>
</head>
<body>
<?php
if (!$conn) {
$id = $_POST["id"];
$image = $_FILES['photo']['name'];
move_uploaded_file($_FILES['photo']['tmp_name'], $transfert);
} else {
// Aucune nouvelle photo, mettez à jour la base de données sans changer le champ photo
}
if (mysqli_query($conn, $sql)) {
} else {
} else {
mysqli_close($conn);
?>
</body>
</html>
Especes.php
<!DOCTYPE html>
<html>
<head>
<style>
body {
text-align: center;
h2 {
font-size: 24px;
form {
width: 300px;
margin: 0 auto;
text-align: left;
form input[type="text"],
form input[type="date"] {
width: 100%;
padding: 10px;
margin: 5px 0;
border-radius: 5px;
form input[type="submit"] {
background-color: #007bff;
color: white;
border: none;
border-radius: 5px;
cursor: pointer;
form input[type="submit"]:hover {
background-color: #0056b3;
} ul {
text-align: left;
list-style-type: none;
padding: 0;
display: flex;
flex-wrap: wrap;
ul li {
background-color: #f0f0f0;
padding: 10px;
margin: 5px;
border-radius: 5px;
flex: 1;
ul li a {
display: block;
text-align: center;
margin-top: 10px;
a.modifier {
background-color: green;
color: white;
a.supprimer {
background-color: red;
color: white;
img {
</style>
</head>
<body>
</form>
<?php
if (!$conn) {
// Code pour récupérer et afficher la liste des espèces animales depuis la base de données
if (mysqli_num_rows($result) > 0) {
echo "<ul>";
echo '<li>';
echo '<img src="' . $row["photo"] . '" alt="' . $row["nom"] . '">'; // Afficher l'image
echo '<br>';
echo '<br>';
echo '<a class="modifier" href="modifier_espece.php?id=' . $row["id"] . '">Modifier</a>';
echo '</li>';
echo "</ul>";
} else {
mysqli_close($conn);
?>
</body>
</html>
modifier_espece.php
<!DOCTYPE html>
<html>
<head>
<style>
body {
text-align: center;
background-color: #f0f0f0;
h2 {
font-size: 24px;
form {
width: 300px;
margin: 0 auto;
text-align: left;
form input[type="text"],
form input[type="date"],
form input[type="file"] {
width: 100%;
padding: 10px;
margin: 5px 0;
border-radius: 5px;
form input[type="submit"] {
background-color: #007bff;
color: white;
border: none;
border-radius: 5px;
cursor: pointer;
form input[type="submit"]:hover {
background-color: #0056b3;
img {
max-width: 200px;
max-height: 200px;
margin-top: 10px;
</style>
</head>
<body>
<?php
if (!$conn) {
$id = $_GET["id"];
if (mysqli_num_rows($result) == 1) {
$row = mysqli_fetch_assoc($result);
echo '</form>';
} else {
} else {
mysqli_close($conn);
?>
</body>
</html>
modifier_personnel.php
<!DOCTYPE html>
<html>
<head>
<style>
body {
text-align: center;
h2 {
font-size: 24px;
form {
width: 300px;
margin: 0 auto;
text-align: left;
form input[type="text"] {
width: 100%;
padding: 10px;
margin: 5px 0;
border-radius: 5px;
form input[type="file"] {
margin-top: 10px;
form input[type="submit"] {
background-color: #007bff;
color: white;
border: none;
border-radius: 5px;
cursor: pointer;
form input[type="submit"]:hover {
background-color: #0056b3;
</style>
</head>
<body>
if (!$conn) {
$id = $_GET["id"];
if (mysqli_num_rows($result) == 1) {
$row = mysqli_fetch_assoc($result);
echo '</form>';
} else {
} else {
mysqli_close($conn);
?>
</body>
</html>
personnel.php
<!DOCTYPE html>
<html>
<head>
<title>Gestion du Personnel</title>
<style>
body {
text-align: center;
h2 {
font-size: 24px;
.personnel-item {
display: flex;
justify-content: space-between;
align-items: center;
padding: 10px;
background-color: gold;
border-radius: 5px;
margin: 5px;
}
.personnel-buttons {
display: flex;
a.modifier {
display: inline-block;
background-color: green;
color: white;
text-decoration: none;
border-radius: 5px;
margin-right: 5px;
a.supprimer {
display: inline-block;
background-color: blue;
color: white;
text-decoration: none;
border-radius: 5px;
a.modifier:hover {
background-color: darkgreen;
a.supprimer:hover {
background-color: darkblue;
</style>
</head>
<body>
<h2>Gestion du Personnel</h2>
</form>
<?php
if (!$conn) {
if ($_SERVER["REQUEST_METHOD"] == "POST") {
$image = $_FILES['photo']['name'];
move_uploaded_file($_FILES['photo']['tmp_name'], $transfert);
} else {
// Gérez ici le cas où aucune image a été téléchargée ou s'il y a eu une erreur lors du
téléchargement
$sql = "INSERT INTO personnel (prenom, nom, poste, email, photo) VALUES ('$prenom', '$nom',
'$poste', '$email', '$image')";
if (mysqli_query($conn, $sql)) {
} else {
if (mysqli_num_rows($result) > 0) {
echo "<span>" . $row["prenom"] . " " . $row["nom"] . " - " . $row["poste"] . " - " .
$row["email"] . "</span>";
echo "</div>";
echo "</div>";
echo "</div>";
} else {
mysqli_close($conn);
$image_info = getimagesize($chemin);
$extension = image_type_to_extension($image_info[2]);
if ($extension != '.jpg' && $extension != '.jpeg' && $extension != '.png' && $extension != '.gif') {
return false;
switch ($extension) {
case '.jpg':
case '.jpeg':
$imageOriginale = imagecreatefromjpeg($chemin);
break;
case '.png':
$imageOriginale = imagecreatefrompng($chemin);
break;
case '.gif':
$imageOriginale = imagecreatefromgif($chemin);
break;
default:
return false;
switch ($extension) {
case '.jpg':
case '.jpeg':
break;
case '.png':
break;
case '.gif':
imagegif($nouvelleImage, $cheminRedimensionne);
break;
imagedestroy($nouvelleImage);
imagedestroy($imageOriginale);
return $cheminRedimensionne;
?>
</body>
</html>
supprimer_espece.php
<!-- supprimer_espece.php -->
<?php
$id = $_GET["id"];
if (!$conn) {
if (mysqli_query($conn, $sql)) {
} else {
mysqli_close($conn);
} else {
?>
supprimer_personnel.php
<!DOCTYPE html>
<html>
<head>
<title>Supprimer Personnel</title>
</head>
<body>
<h2>Supprimer Personnel</h2>
<?php
if (isset($_GET["id"])) {
if (!$conn) {
$id = $_GET["id"];
if (mysqli_query($conn, $sql)) {
} else {
echo "Erreur lors de la suppression du membre du personnel : " . mysqli_error($conn);
mysqli_close($conn);
} else {
?>
</body>
</html>