Open In App

How to make a leaderboard using PHP ?

Last Updated : 28 Dec, 2020
Improve
Improve
Like Article
Like
Save
Share
Report

The purpose of this article is to make a simple program to create a leaderboard using PHP. Below is the implementation for the same using PHP.  The prerequisites of this topic are PHP/MySQL and the installment of Apache Server on your computer.

Approach:

Step 1: First we will create a HTML table using <table> tag defined by the <tr> tag for creating rows. It’s just a simple HTML/CSS file. The only thing worth noting is that we are using the Bootstrap 4 CSS framework to give style to our page. You can use any other styling framework of your choice or write your own CSS if you want.

HTML




<!DOCTYPE html>
<html>
    <head>
        <title>LeaderBoard Using PHP</title>
    </head>
  
    <body>
        <h2>Welcome To GFG</h2>
        <table>
            <tr>
                <td>Ranking</td>
                <td>UserName</td>
                <td>Marks</td>
            </tr>


Step 2: Fetch data from SQL and display it using PHP.

Step 3: Create a MySQL database by following commands.

CREATE DATABASE leaderboard;
CREATE TABLE leaderboard(userName VARCHAR(30), marks INT(10));

Step 4: Insert some values into the database.

INSERT INTO leaderboard(userName,marks) VALUES('Devesh Pratap Singh',100);

PHP




<?php
  
/* Connection Variable ("Servername",
"username","password","database") */
$con = mysqli_connect("localhost"
        "root", "", "leaderboard");
  
/* Mysqli query to fetch rows 
in descending order of marks */
$result = mysqli_query($con, "SELECT userName, 
marks FROM leaderboard ORDER BY marks DESC");
  
/* First rank will be 1 and 
    second be 2 and so on */
$ranking = 1;
  
/* Fetch Rows from the SQL query */
if (mysqli_num_rows($result)) {
    while ($row = mysqli_fetch_array($result)) {
        echo "<td>{$ranking}</td>
        <td>{$row['userName']}</td>
        <td>{$row['marks']}</td>";
        $ranking++;
    }
}
?>


Step 5: Close the table tag, body tag, and html tag. 

HTML




</table>
</body>
</html>


Step 6: Save this file as “index.php“.

Step 7: Copy this file inside your xampp server in htdocs directory.

Step 8: Open phpMyAdmin or MySQL server on your computer.

Step 9: Open https://localhost/index.php into your web browser.

Output after execution:

Output produced after running



Like Article
Suggest improvement
Previous
Next
Share your thoughts in the comments

Similar Reads