Instal dan Konfigurasi Laravel

Pada waktu yang baik ini Anda akan membuat CRUD Laravel dan MongoDB yang menggunakan basis data NoSQL. Menggunakan MongoDB akan lebih cepat dalam performa dan Anda tidak perlu pusing membuat struktur tabel yang rumit. Karena semua data terstruktur layaknya JSON sebab telah menggunakan JavaScript. Sekarang mulai saja dulu membuat tutorial CRUD-Nya.

Daftar isi:

Langkah 1 - Menginstal Laravel

Sebagai langkah awal silakan lakukan instalasi aplikasi Laravel dengan jalankan perintah di bawah ini pada terminal Anda.

composer create-project laravel/laravel crud-laravel-mongodb

Catatan: Laravel membutuhkan versi PHP minimal v7.4 keatas atau v8.x yang paling baru, jadi pastikan versi PHP sesuai dengan syarat menimal versi PHP tersebut.

Setelah proses instalasi selesai silakan masuk ke direktori aplikasi Laravel dengan menjalankan perintah di bawah ini.

cd crud-laravel-mongodb

Catatan: Melakukan instalasi Laravel memungkinkan Anda untuk menginstal Composer terlebih dahulu. Silakan unduh dan lakukan instalasi Composer sesuaikan dengan operasi sistem yang digunakan.

Langkah 2 - Membuat Model, Controller, dan Routing

Sebagian diantara Anda mungkin sudah tahu cara bagaimana membuat controller dan model secara bersamaan. Seperti inilah contohnya.

php artisan make:model Product -cr

Hal tersebut akan membuat model dan controller baru hal tersebut akan membuat sumber daya model ke controller secara langsung. Berikut ini daftar dari pengertian dari artisan Laravel.

  • -c, --controller Buat pengontrol baru untuk model, dan
  • -r, --resource Menunjukkan jika pengontrol yang dihasilkan harus menjadi pengontrol sumber daya.

Langkah 3 - Membuat Routing

Menggunakan resource Anda akan mendapatkan banyak perutean untuk menandatangani CRUD baik berupa perutean GET, POST, PUT dan beberapa hal lainnya sudah di buatkan. Sekarang salin dan tempelkan skrip di bawah ini pada berkas web.php di direktori routes.

use App\Http\Controllers\UserController

Route::resource('users', UserController::class);

Jika Anda ingin melihat semua perutean pada aplikasi Laravel, cukup jalankan perintah di bawah ini pada terminal.

php artisan route:list

Maka semua perutean akan tampil dan Anda bisa mengetahui setiap perutean menggunakan metode apa baik menggunakan GET, POST, atau lainnya. Selain itu juga bisa melihat nama perutean untuk melakukan tindakan dari suatu perutean ke perutean yang lain.

Langkah 4 - Membuat Layout

Sekarang Anda akan membuat tata letak untuk digunakan di semua halaman tutorial kelas ini. Jadi buatlah direktori baru bernama layouts pada direktori resources/views dan buat berkas baru default.blade.php pada direktori baru tersebut. Kemudian salin dan tempelkan skrip di bawah ini pada berkas tersebut.

<!DOCTYPE html>
<html lang="{{ str_replace('_', '-', app()->getLocale()) }}">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>{{ $title ?? config('app.name') }}</title>
    <link rel='stylesheet' href='https://cdnjs.cloudflare.com/ajax/libs/bulma/0.9.2/css/bulma.min.css'/>
</head>
<body>
    <nav class="navbar has-shadow">
        <div class="container">
            <div class="navbar-brand">
                <a href="/" class="navbar-item">
                    {{ config('app.name') }}
                </a>
            </div>
            <div class="navbar-menu">
                <div class="navbar-end">
                    <a href="{{ route('products.index') }}" class="navbar-item is-tab">
                        Products
                    </a>
                </div>
            </div>
        </div>
    </nav>

    <section class="section">
        <div class="container">
            @yield('content')
        </div>
    </section>
</body>
</html>

Karena saya ingin di setiap halaman akan menampilkan judulnya masing-masing seperti All Products misalnya dan itu akan terlihat pada tab di web browser. Konsep logika dari skrip di bawah ini ialah jika variabel $title ada maka akan menggunakan nilai dari variabel tersebut, kalau tidak ada maka akan menampilkan nama aplikasi Laravel.

<title>{{ $title ?? config('app.name') }}</title>

Tutorial kali ini saya hanya memanfaatkan CDN CSS Bulma agar tidak perlu lagi melakukan instalasi Bulma lewat NPM. Jadi Anda harus terhubung ke internet agar skrip CSS juga termuat.

<link rel='stylesheet' href='https://cdnjs.cloudflare.com/ajax/libs/bulma/0.9.2/css/bulma.min.css'/>

Cara membuat perutean cukup mudah yang bisa Anda lihat pada skrip di bawah ini dan parameter dari fungsi route() adalah nama peruteannya.

<a href="{{ route('products.index') }}" class="navbar-item is-tab">
    Products
</a>

Menggunakan yield akan menampilkan skrip HTML yang berada pada @section('content') dan Anda akan melihat ini ketika sudah masuk ke CRUD MongoDB.

@yield('content')

Langkah 5 - Menjalankan Laravel

Sebelum memulai lebih jauh Anda harus menjalankan baris perintah di bawah ini untuk menjalankan aplikasi Laravel. Anda dapat membuat aplikasi dengan alamat http://127.0.0.1:8000.

php artisan serve

Sampai di sinilah proses instalasi dan konfigurasi Laravel pada kelas tutorial ini. Ayo! tetap semangat membuat CRUD Laravel MongoDB-Nya.