මොඩියුලය 1

හැඳින්වීම සහ මෘදුකාංග පරිසරය පිහිටුවීම

🎯 මෙම මොඩියුලයේ ඉලක්කය:

මෘදුකාංග පරිසරය (Development Environment) සූදානම් කර, ව්‍යාපෘතියේ මූලික කරුණු සහ PHP, MySQL සම්බන්ධතාවය පිළිබඳව පැහැදිලි අවබෝධයක් ලබා ගැනීම.

1 XAMPP ස්ථාපනය කිරීම

අපගේ සුපිරි වෙළඳසැල් පද්ධතිය දේශීයව (locally) ක්‍රියාත්මක කිරීමට අපට වෙබ් සර්වර් එකක්, PHP, සහ MySQL දත්ත සමුදායක් අවශ්‍ය වේ. XAMPP මගින් මේ සියල්ලම එකම පැකේජයක් ලෙස අපට ලබා දේ.

Apache - වෙබ් සර්වර් එක.
MariaDB (MySQL) - දත්ත සමුදාය.
PHP - ක්‍රමලේඛන භාෂාව (Programming Language).
Perl - තවත් ක්‍රමලේඛන භාෂාවක්.

XAMPP බාගත කරන්න

බාගත කරගත් පසු, එය සාමාන්‍ය මෘදුකාංගයක් මෙන් ස්ථාපනය කර, XAMPP Control Panel එක විවෘත කර Apache සහ MySQL මොඩියුල Start කරන්න.

2 ව්‍යාපෘති ෆෝල්ඩර ව්‍යුහය

හොඳ ෆෝල්ඩර ව්‍යුහයක් පවත්වා ගැනීමෙන් ව්‍යාපෘතිය කළමනාකරණය පහසු වේ. ඔබගේ XAMPP ස්ථාපනය කර ඇති ෆෝල්ඩරය තුළ `htdocs` නමින් ෆෝල්ඩරයක් ඇත. එහි `supermarket` නමින් නව ෆෝල්ඩරයක් සාදන්න. අපගේ සියලුම ගොනු (files) තැන්පත් කරන්නේ මෙම ෆෝල්ඩරය තුළය.

supermarket/
├── css/                 (Bootstrap වැනි CSS ගොනු සඳහා)
├── js/                  (JavaScript ගොනු සඳහා)
├── images/              (පින්තූර සඳහා)
├── includes/            (Database connection වැනි පොදු ගොනු සඳහා)
└── index.php            (ප්‍රධාන ගොනුව)
                

3 PHP මූලික කරුණු

PHP යනු සර්වර්-පැත්තේ (server-side) ක්‍රියාත්මක වන භාෂාවකි. PHP කේත `<?php ... ?>` ටැග් අතර ලියනු ලැබේ.

විචල්‍ය (Variables)

PHP හි විචල්‍ය ඩොලර් ($) සලකුණෙන් ආරම්භ වේ.

<?php
    $supermarket_name = "Gemini Super";
    $year = 2025;
    echo "Welcome to " . $supermarket_name . "!";
?>
                

⭐ ප්‍රායෝගික පැවරුම: "Hello Supermarket"

දැන් අපි අපගේ පළමු PHP පිටුව සාදා එය දත්ත සමුදායට (database) සම්බන්ධ කරමු.

පියවර 1: දත්ත සමුදාය සෑදීම

වෙබ් බ්‍රව්සරයේ `http://localhost/phpmyadmin` වෙත පිවිස `supermarket_db` නමින් නව දත්ත සමුදායක් සාදන්න.

පියවර 2: දත්ත සමුදා සම්බන්ධතා ගොනුව (`db_connect.php`) සෑදීම

`supermarket/includes/` ෆෝල්ඩරය තුළ `db_connect.php` නමින් ගොනුවක් සාදා පහත කේතය ඇතුළත් කරන්න.

<?php
// Database credentials
$servername = "localhost";
$username = "root"; // XAMPP හි default username
$password = "";     // XAMPP හි default password
$dbname = "supermarket_db";

// Create connection
$conn = mysqli_connect($servername, $username, $password, $dbname);

// Check connection
if (!$conn) {
    die("Connection failed: " . mysqli_connect_error());
}
?>
            

පියවර 3: ප්‍රධාන පිටුව (`index.php`) සෑදීම

`supermarket` ෆෝල්ඩරය තුළ `index.php` ගොනුව සාදා පහත කේතය ඇතුළත් කරන්න. මෙමගින් අප සෑදූ සම්බන්ධතා ගොනුව include කර, සම්බන්ධතාවය සාර්ථකදැයි පරීක්ෂා කරයි.

<!DOCTYPE html>
<html lang="si">
<head>
    <meta charset="UTF-8">
    <title>Hello Supermarket</title>
    <link href="https://cdn.jsdelivr.net/npm/bootstrap@5.3.2/dist/css/bootstrap.min.css" rel="stylesheet">
</head>
<body>
    <div class="container mt-5">
        <h1>Hello Supermarket!</h1>
        <?php
            // Include the database connection file
            include 'includes/db_connect.php';

            // Check if the connection variable is set and not null
            if ($conn) {
                echo '<div class="alert alert-success">Database connection successful!</div>';
                // Close the connection
                mysqli_close($conn);
            } else {
                echo '<div class="alert alert-danger">Failed to connect to the database.</div>';
            }
        ?>
    </div>
</body>
</html>
            

දැන්, ඔබගේ වෙබ් බ්‍රව්සරයේ `http://localhost/supermarket/` වෙත පිවිසෙන්න. "Database connection successful!" ලෙස පණිවිඩයක් දිස්වන්නේ නම්, ඔබ මෙම මොඩියුලය සාර්ථකව නිම කර ඇත!

‹‹ ප්‍රධාන පිටුවට යන්න ඊළඟ මොඩියුලය (Module 2) ››