PUTERA.com

Sumber Rujukan Teknologi Maklumat & Perniagaan Internet

a miniature shopping cart and smartphone on macbook laptop

Tutorial Membina Aplikasi E-Dagang dengan Laravel

Laravel adalah salah satu rangka kerja PHP yang paling popular untuk membangunkan aplikasi web. Dalam tutorial ini, kita akan membina aplikasi e-dagang asas menggunakan Laravel. Ikuti langkah demi langkah untuk mempelajari cara membina aplikasi ini dari awal.

1. Persediaan Awal

Sebelum kita mula, pastikan anda telah memasang PHP, Composer, dan Laravel pada sistem anda.

Langkah 1: Pasang Laravel melalui Composer.

composer global require laravel/installer

Langkah 2: Buat projek Laravel baru.

laravel new ecommerce
cd ecommerce

2. Membuat Database

Langkah 3: Buat database MySQL baru untuk aplikasi e-dagang anda.

CREATE DATABASE ecommerce;

Langkah 4: Konfigurasi fail .env untuk menyambung ke database.

DB_DATABASE=ecommerce
DB_USERNAME=root
DB_PASSWORD=

3. Membuat Model dan Migrasi

Langkah 5: Buat model dan migrasi untuk produk.

php artisan make:model Product -m

Langkah 6: Edit fail migrasi dalam database/migrations untuk menambah kolum yang diperlukan.

Schema::create('products', function (Blueprint $table) {
    $table->id();
    $table->string('name');
    $table->text('description');
    $table->decimal('price', 8, 2);
    $table->timestamps();
});

Langkah 7: Jalankan migrasi untuk mencipta jadual dalam database.

php artisan migrate

4. Menambah Data Dummy

Langkah 8: Buat seeder untuk menambah data dummy.

php artisan make:seeder ProductSeeder

Langkah 9: Edit fail seeder dalam database/seeders/ProductSeeder.php.

use App\Models\Product;

public function run()
{
    Product::create([
        'name' => 'Product 1',
        'description' => 'Description for product 1',
        'price' => 99.99,
    ]);

    Product::create([
        'name' => 'Product 2',
        'description' => 'Description for product 2',
        'price' => 149.99,
    ]);
}

Langkah 10: Jalankan seeder untuk menambah data dummy.

php artisan db:seed --class=ProductSeeder

5. Membuat Controller dan Route

Langkah 11: Buat controller untuk menguruskan produk.

php artisan make:controller ProductController

Langkah 12: Tambah method untuk mengambil dan memaparkan produk dalam ProductController.

use App\Models\Product;

public function index()
{
    $products = Product::all();
    return view('products.index', compact('products'));
}

Langkah 13: Tambah route dalam routes/web.php.

Route::get('/products', [ProductController::class, 'index']);

6. Membuat View

Langkah 14: Buat fail view untuk memaparkan produk dalam resources/views/products/index.blade.php.

<!DOCTYPE html>
<html>
<head>
    <title>Products</title>
</head>
<body>
    <h1>Products</h1>
    <ul>
        @foreach ($products as $product)
            <li>
                <h2>{{ $product->name }}</h2>
                <p>{{ $product->description }}</p>
                <p>{{ $product->price }}</p>
            </li>
        @endforeach
    </ul>
</body>
</html>

7. Menjalankan Aplikasi

Langkah 15: Jalankan pelayan pembangunan Laravel.

php artisan serve

Langkah 16: Akses aplikasi di pelayar web pada http://localhost:8000/products.

Kesimpulan

Anda telah berjaya membina aplikasi e-dagang asas menggunakan Laravel! Dalam tutorial ini, anda telah mempelajari cara memasang Laravel, membuat model dan migrasi, menambah data dummy, membuat controller dan view, serta menjalankan aplikasi. Teruskan untuk menambah lebih banyak ciri seperti sistem pembayaran, pengurusan pengguna, dan lain-lain untuk menjadikan aplikasi e-dagang anda lebih lengkap.

Selamat mencuba!

Tinggalkan Balasan

Prof Jenin
IT Expert
ChatBot