Tutorial CRUD Laravel

Assalamualaikum Warahmatullahi Wabarakatuh

Halo gaiss...

Jadi disini saya akan memberikan tutorial membuat halaman CRUD Laravel. Sebelum jauh ke pembahasan, saya ingin mejelaskan apa itu CRUD? CRUD adalah singkatan dari Create,Read,Update,Delete.

Oke, jadi yang harus kita lakukan adalah:

    1. Siapkan Xampp. Aktifkan Apache dan MySql.

    2. Ketikan Localhost di pencarian Chrome.

    3. Klik phpMyAdmin, lalu buatlah database dengan nama sesuai yang kalian mau. Contohnya saya menggunakan : db_latihan. Jika sudah dibuat maka dibagian kiri terdapat nama database yang kalian namai. 

    4. Lalu buka aplikasi VS Code, disana kalian akan menemukan (.env atau enviroment), kemudian klik.

    5. Jika sudah di klik, kalian ubah isi dari DB_DATABASE dari Laravel menjadi db_latihan, jadi harus disesuaikan dengan databse yang tadi kalian save di phpMyAdmin.

    Nah situlah langkah-langkah dalam persiapan database. Setelah mempersiapkan databasenya, perhatikan di folder App>http>controller lalu ke file productcontroller( Disini saya sudah membuat filenya sebelumnya). Kemudian saya akan membuat migration. Buka folder migrations lalu double klik file yang ke eempat. Berikut langkah selanjutnya

    1. Ubah scriptnya

Schema::create('products', function (Blueprint $table) {

            $table->bigIncrements('id');

            $table->timestamps();

        });

    }

    Menjadi

Schema::create('products', function (Blueprint $table) {

            $table->bigIncrements('id');

            $table->string('nama_product');

            $table->text('detail');

            $table->timestamps();

        });

    }

    2. Buat migration nya. Dengan cara mengetikan di terminal, yaitu php artisan migrate, lalu klik enter. Jika sudah sukses di mirgation akan muncul migration table created successfully, secara otomatis laravel telah membuat table-table yang ada di database yang tadi kita buat.

    Tadi sudah buat migrationnya, lalu selanjutnya saya akan membuat lamaran view read. Jadi inilah langkah-langkahnya:

    1. Kita buka controller yang telah kita buat, lalu kita ke public function index, dibawah function index saya akan membuat sebagai berikut

public function index()

    {

        //ini tampilan index

        //select * from product

        $product = product::all();

        return view('product.index', compact('product'));

    }

    2. Buka folder App>http, lalu disana ada file yang bernama product.php. Klik file tersebut, lalu ketikan sebagai berikut

<?php

namespace App;

use Illuminate\Database\Eloquent\Model;

class product extends Model

{

    protected $primarykey ='id';

    protected $fillable = ['nama_product', 'detail'];

}

    3. Selanjutnya kita akan membuat halaman create, caranya dengan membuka folder App>resource>views>product. Di folder terdapat file bernama index.blade.php. Scriptnya sebagai berikut

@extends('layoutmaster')

@section('content')

    <div class="row">

        <div class="col-lg-12">

            <div class="pull-left">

            <h2>CRUD Laravel</h2>

            </div>

            <div class="pull-right">

            <a href="{{ route('product.create'}}" class="btn btn-success">add product</a>

            </div>

        </div>

        @if($message = session::get('success'))

            <div class="alert alert-succes">

                <p>{{ $message }}</p>

            </div>

        @endif

        

        <table class="table table-bordered">

            <tr>

                <th>No</th>

                <th>Nama</th> 

                <th>Detail</th>

                <th>Action</th>          

           </tr>

            @forelse ($product as $pr)

           <tr>

                <td>#</td>

                <td>{{ $pr->nama_product }}</td>

                <td>{{ $pr->detail }}</td>

                <td>

                    <form action="#" method="post">

                        <a href="#" class="btn btn-info">edit</a>

                        <a href="#" class="btn btn-danger">delete</a>

                    </form>

                </td>

            

            </tr>

            

            @empty

                <tr>

                    <td colspan="4" class="text-center">tidak ada data</td>                

                </tr>

            @endforelse

        </table>

    </div>

@endsection

    4. Selanjutnya coba jalankan, dengan cara memakai terminal, lalu ketikan php artisan serve. Hasilnya sebgai berikut

Nah selesai sudah tutorialnya dari saya, semoga bermanfaat dan kalian bisa mengikutinya dengan baik. Sekian tutorial dari saya. Terimakasih.

Waalaikumussalam Warahmatullahi wabarakatuh