Bonjour, voici un rapide tutoriel pour faire une page HTML avec la liste des joueurs les plus riches de votre serveur.
Pour cela, vous devez disposer d'un serveur web !
Voici une image :
Pour commencer, créez un fichier index.html :
Puis créez un deuxième fichier pour le style.css comme celui-ci :
Pour finir, créez un fichier get_players.php et n'oubliez pas de remplacer les informations de connexion à votre DB arma 3 de préférence faite un nouvel utilisateur juste pour le tableau.
C'est tout
Pour cela, vous devez disposer d'un serveur web !
Voici une image :
Pour commencer, créez un fichier index.html :
index.html:
<!DOCTYPE html>
<html lang="fr">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Classement des joueurs les plus riches</title>
<link rel="stylesheet" type="text/css" href="styles.css">
</head>
<body>
<h1>Classement des joueurs les plus riches</h1>
<table id="players-table">
<tr>
<th>Position</th>
<th>Nom du joueur</th>
<th>Richesse</th>
</tr>
</table>
<script>
// Charger les données PHP
fetch('get_players.php')
.then(response => response.text())
.then(data => {
document.getElementById('players-table').innerHTML += data;
})
.catch(error => {
console.error('Une erreur est survenue:', error);
});
</script>
</body>
</html>Puis créez un deuxième fichier pour le style.css comme celui-ci :
styles.css:
body {
font-family: Arial, sans-serif;
background-color: #004d00; /* Vert foncé pour l'arrière-plan de la page */
color: #fff; /* Texte en blanc */
margin: 0;
padding: 0;
}
.container {
max-width: 800px;
margin: 20px auto;
padding: 20px;
background-color: #333; /* Couleur de fond du conteneur */
border-radius: 10px;
box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
}
h1 {
text-align: center;
color: #fff; /* Couleur du texte de l'en-tête */
}
table {
width: 100%;
border-collapse: collapse;
margin-top: 20px;
}
table th, table td {
padding: 10px;
text-align: center;
border: 1px solid #ddd;
}
table tr:nth-child(even) {
background-color: #006600; /* Vert foncé pour les lignes paires */
}
table tr:hover {
background-color: #009900; /* Vert plus clair pour les lignes */
}
/* Ajout de couleurs pour les noms des joueurs */
.gold {
color: gold; /* Couleur or */
}
.platinum {
color: #c0c0c0; /* Couleur platine */
}
.bronze {
color: #cd7f32; /* Couleur bronze */
}Pour finir, créez un fichier get_players.php et n'oubliez pas de remplacer les informations de connexion à votre DB arma 3 de préférence faite un nouvel utilisateur juste pour le tableau.
get_players.php:
<?php
// Connexion à la base de données
$servername = "127.0.0.1";
$username = "root";
$password = "MOT DE PASSE";
$dbname = "altislife";
$conn = new mysqli($servername, $username, $password, $dbname);
// Vérification de la connexion
if ($conn->connect_error) {
die("Connection failed: " . $conn->connect_error);
}
// Requête SQL pour récupérer les 20 joueurs les plus riches
$sql = "SELECT name, bankacc FROM players ORDER BY bankacc DESC LIMIT 20";
$result = $conn->query($sql);
// Génération des lignes du tableau HTML avec les données récupérées
$table_rows = "";
if ($result->num_rows > 0) {
$position = 1;
while($row = $result->fetch_assoc()) {
$color_class = '';
if ($position == 1) {
$color_class = 'gold';
} elseif ($position == 2) {
$color_class = 'platinum';
} elseif ($position == 3) {
$color_class = 'bronze';
}
$table_rows .= "<tr><td>" . $position . "</td><td class='" . $color_class . "'>" . $row["name"] . "</td><td>" . $row["bankacc"] . "</td></tr>";
$position++;
}
} else {
$table_rows = "<tr><td colspan='3'>Aucun joueur trouvé.</td></tr>";
}
$conn->close();
echo $table_rows;
?>C'est tout
Dernière édition par un modérateur:
