Insert, Update, Dan Delete Data Di Laravel

Pada tutorial kali ini kita akan membahas Insert, Update, Dan Delete Data Di Laravel sebagai tutorial kelanjutan dari tutorial sebelumnya. Karna laravel adalah sebuah framework dan didalamnya menggunakan library Eloquent untuk management database, sehingga tindakan insert, update, dan delete data di Laravel menjadi sangat lebih mudah daripada kita melakukannya manual menggunakan PHP procedural.

Membuat Model

Pertama kita harus membuat model terlebih dahulu, sebetulnya pada tutorial sebelumnya sudah dibuat sebuah model dengan nama model Siswa dan ada juga controller dengan nama SiswaController, tapi tidak mengapa pada bagian ini penulis akan mengulangnya lagi, namun jika kamu mengikuti tutorial laravel ini dari awal seharusnya bagian ini sudah bisa di lewati.

Buatlah sebuah model beserta migration dengan perintah seperti dibawah ini.

php artisan make:model Siswa --migration

Lalu pada migration buatlah beberapa field sederhana seperti dibawah ini.

$table->string('nis', 50);
$table->string('nama', 100);

Setelah itu silahkan jalankan migration agar table siswa beserta field-nya dibuat didatabase yang sudah anda buat dengan perintah dibawah ini.

php artisan migrate

Jika sudah maka otomatis database dan table sudah dibuat dengan perintah diatas sehingga kita bisa memulai tutorial insert, update, dan delete data di laravel ini.

Insert Data Di Laravel

Sebelum kita mulai melakukan insert data di laravel ada baiknya kita membuat tampilan form sederhana untuk menampilkan beberapa kolom input.

Sebelumnya kita akan membuat controller terlebih dahulu, jalankan command dibawah ini di terminal kamu.

php artisan make:controller FormController --resource

Perintah diatas akan membuat sebuah controller dengan nama FormController beserta beberapa method seperti index(), create(), edit(), update(), dan destroy(). Sehingga kita tidak perlu membuat method-method CRUD lagi, karna sudah disediakan oleh perintah --resource tersebut.

Lalu buka file route web.php yang berada di folder routes, jika sudah dibuka maka tambahkan kode dibawah ini.

Route::resource('form', FormController::class);

Sehingga halaman utama project laravel anda adalah halaman formulir sederhana.

Selanjutnya buatlah sebuah file dengan nama layout.blade.php di folder resources/views dan tambahkan seperti kode dibawah ini.

<html>
    <head>
        <title>Form Sederhana</title>
        <style>
            .container {
                position: relative;
                width: 80%;
                margin: 0 auto;
            }
            form .group {
                margin-bottom: 10px;
            }
            form .group input {
                border: 1px solid #cccccc;
                border-radius: 4px;
                display: block;
                width: 100%;
                padding: 10px;
            }
            form .group .error {
                display: inline-block;
                color: #ff0000;
                margin-top: 5px;
            }
            form .group button.save {
                background-color: #4169E1;
                border: 1px solid #325cdb;
                color: #ffffff;
                padding: 10px;
                cursor: pointer;
                border-radius: 4px;
            }
            
            form .group button.cancel {
                background-color: #4169E1;
                border: 1px solid #325cdb;
                color: #ffffff;
                padding: 10px;
                cursor: pointer;
                border-radius: 4px;
            }

            table {
                border: 1px solid #cccccc;
                margin-top: 10px;
            }
            table tr td,
            table tr th {
                border-left: 1px solid #cccccc;
                padding: 10px;
            }
            table tr td:first-child,
            table tr th:first-child {
                border-left: 0;
            }
            table tr td {
                border-top: 1px solid #cccccc;
            }
        </style>
    </head>
    <body>
        <div class="container">
            @yield('content')
        </div>
    </body>
</html>

Selanjutnya buatlah file dengan nama create.blade.php di folder resources/views dan tambahkan kode seperti dibawah ini.

@extends('layout')
@section('content')
<h1 style="text-align: center">Tambah Data</h1>
@if(session()->has('message'))
    <p>{{ session()->get('message') }}</p>
@endif
<form action="{{ route('form.store') }}" method="POST">
    <input type="hidden" name="_token" value="{{ csrf_token() }}">
    <div class="group">
        <label for="nis">NIS</label>
        <input type="number" id="nis" name="nis" value="{{ old('nis') }}">
        @if($errors->has('nis'))
            <small class="error">{{ $errors->first('nis') }}</small>
        @endif
    </div>
    <div class="group">
        <label for="nama">Nama</label>
        <input type="text" id="name" name="nama" value="{{ old('nama') }}">
        @if($errors->has('nama'))
            <small class="error">{{ $errors->first('nama') }}</small>
        @endif
    </div>
    <div class="group">
        <a href="{{ route('form.index') }}">Batal</a>
        <button class="save">Simpan</button>
    </div>
</form>
@endsection

Lalu pada file FormController yang berada di folder app/Http/Controllers/FormController.php di bagian method create() tambahkan kode dibawah ini.

return view('create');

Jika sudah silahkan anda jalankan perintah dibawah ini.

php artisan server

Lalu buka di browser sesuai dengan IP yang tertera di terminal atau command promp kamu, kalau penulis menggunakan port 8000 lengkapnya http://127.0.0.1:8000.

Buka di browser dengan url http://127.0.0.1:8000/form/create maka seharusnya tampilan yang ada dibrowser kamu akan seperti gambar dibawah ini.

Insert Data Di Laravel

Selanjutnya adalah membuat proses insert data di laravel, proses insert ini berada di method store() didalam file FormController, namun sebelum itu masukan model Siswa kedalam FormController dengan cara menambahkan kode dibawah ini.

use App\Models\Siswa;

Tepat dibawah kode…

use Illuminate\Http\Request;

Sehingga menjadi seperti dibawah ini..

<?php

namespace App\Http\Controllers;

use Illuminate\Http\Request;
use App\Models\Siswa;

class FormController extends Controller
{
    ...
}

Setelah itu pada bagian method store() buatlah seperti dibawah ini…

public function store(Request $request)
{
    $request->validate([
        'nis' => 'required|numeric|digits_between:1,50|unique:siswas,nis,null,id',
        'nama' => 'required|string|min:1|max:100'
    ]);

    $siswa = new Siswa;
    $siswa->nis = $request->nis;
    $siswa->nama = $request->nama;

    if($siswa->save()) {
        return redirect()->route('form.index')->with('message', 'Berhasil menambahkan data siswa');
    } else {
        return redirect()->back()->with('message', 'Gagal menambahkan data siswa');
    }
}

Sedikit penjelasan kode diatas.

$request->validate() adalah untuk memvalidasi input form yang dikirim oleh user, dimana kedua form nis dan nama bersifat wajib, maka apabila tidak di isi dengan benar akan menampilkan pesan error seperti gambar dibawah ini.

insert data di laravel

Sedikit penjelasan mengenai kunci-kunci validation yang digunakan didalam tutorial ini seperti dibawah ini.

'nis' => 'required|numeric|digits_between:1,50|unique:siswas,nis,null,id',
'nama' => 'required|string|min:1|max:100'
  • required artinya field tersebut wajib di isi dan tidak boleh kosong
  • numeric harus berupa angka numerik.
  • digits_between:1,50 digunakan untuk membatasi jumlah digit dari angka yang dimasukkan.
  • unique digunakan agar data yang ada didalam record database tidak sama.
  • string dimana kolom harus berupa string.
  • min dan max adalah untuk membatasi jumlah karakter yang dimasukkan user.

Jika sudah sesuai silahkan anda isi form sederhana tersebut, jika terjadi kesalahan didalam server anda maka proses submit akan mengirim kembali ke halaman form dengan pesan Gagal menambahkan data siswa, namun jika berhasil maka akan ke halaman index form.

Menampilkan Data Di Laravel

Selanjutnya, sebelum kita masuk ke tahap edit atau update data maka kita harus menampilkan seluruh data yang telah di input oleh user melalui form yang sudah kita buat tadi.

Pertama buka file FormController lalu pada bagian index() ubah menjadi seperti kode dibawah ini.

public function index()
{
    $siswas = Siswa::orderBy('created_at', 'DESC')->get();
    
    return view('index', compact('siswas'));
}

Selanjutnya adalah buat sebuah file index.php didalam folder resources/views lalu masukkan kode dibawah ini.

@extends('layout')
@section('content')
<h1 style="text-align: center">Daftar Data</h1>
@if(session()->has('message'))
    <p>{{ session()->get('message') }}</p>
@endif

<a href="{{ route('form.create') }}">Tambah Data</a>
<table width="100%" cellpading="0" cellspacing="0">
    <thead>
        <tr>
            <th width="10%">No</th>
            <th align="left" width="30%">NIS</th>
            <th align="left" width="30%">Nama</th>
            <th width="30%">Tindakan</th>
        </tr>
    </thead>
    <tbody>
        @if($siswas->count())
            @php($index = 1)
            @foreach($siswas as $siswa)
                <tr>
                    <td align="center">{{ $index++ }}</td>
                    <td>{{ $siswa->nis }}</td>
                    <td>{{ $siswa->nama }}</td>
                    <td align="center">
                        <a href="{{ route('form.edit', $siswa->id) }}">Edit</a> | <a onclick="document.getElementById('hapus-{{ $siswa->id }}').submit()" style="color: #ff0000; cursor: pointer;">Hapus</a>
                        <form action="{{ route('form.destroy', $siswa->id) }}" id="hapus-{{ $siswa->id }}" method="POST">
                            <input type="hidden" name="_token" value="{{ csrf_token() }}">
                            <input type="hidden" name="_method" value="delete">
                        </form>
                    </td>
                </tr>
            @endforeach
        @else
            <tr>
                <td align="center" colspan="4">Data tidak tersedia</td>
            </tr>
        @endif
    </tbody>
</table>
@endsection

Sehingga apabila anda sudah selesai membuat index tersebut lalu anda akses di url http://127.0.0.1:8000/form maka akan tampil seperti gambar dibawah ini.

Insert Data Di Laravel

Sebagai contoh penulis telah menginput satu data Contoh Siswa seperti pada gambar diatas.

Update Data Di Laravel

Selanjutnya adalah proses update data, data-data yang sudah di masukkan tadi kita akan update dengan cara klik Edit di tabel Daftar Data tersebut.

Pertama pada file FormController di bagian edit() buatkan method tersebut seperti dibawah ini.

public function edit($id)
{
    $siswa = Siswa::find($id);

    return view('edit', compact('siswa'));
}

Selanjutnya buatlah sebuah file dengan nama edit.php di dalam folder resources/views lalu masukkan kode seperti dibawah ini.

@extends('layout')
@section('content')
<h1 style="text-align: center">Update Data</h1>
@if(session()->has('message'))
    <p>{{ session()->get('message') }}</p>
@endif
<form action="{{ route('form.update', $siswa->id) }}" method="POST">
    <input type="hidden" name="_token" value="{{ csrf_token() }}">
    <input type="hidden" name="_method" value="put">
    <div class="group">
        <label for="nis">NIS</label>
        <input type="number" id="nis" name="nis" value="{{ $siswa->nis }}">
        @if($errors->has('nis'))
            <small class="error">{{ $errors->first('nis') }}</small>
        @endif
    </div>
    <div class="group">
        <label for="nama">Nama</label>
        <input type="text" id="name" name="nama" value="{{ $siswa->nama }}">
        @if($errors->has('nama'))
            <small class="error">{{ $errors->first('nama') }}</small>
        @endif
    </div>
    <div class="group">
        <a href="{{ route('form.index') }}">Batal</a>
        <button class="save">Simpan</button>
    </div>
</form>
@endsection

Jika sudah selanjutnya pada method update() yang ada didalam file FormController diubah menjadi seperti dibawah ini.

public function update(Request $request, $id)
{
    $request->validate([
        'nis' => 'required|numeric|digits_between:1,50|unique:siswas,nis,'. $id .',id',
        'nama' => 'required|string|min:1|max:100'
    ]);

    $siswa = Siswa::find($id);
    $siswa->nis = $request->nis;
    $siswa->nama = $request->nama;

    if($siswa->save()) {
        return redirect()->route('form.index')->with('message', 'Berhasil memperbarui data siswa');
    } else {
        return redirect()->back()->with('message', 'Gagal memperbarui data siswa');
    }
}

Jika sudah silahkan anda coba klik Edit pada tabel lalu buatlah perubahan pada data yang anda ingin update tersebut. Jika berhasil maka anda akan diarahkan ke halaman index dengan pesan Berhasil memperbarui data siswa.

Delete Data Di Laravel

Tahap terakhir adalah delete data di laravel atau menghapus sebuah data yang sudah dimasukan ke dalam database menggunakan laravel.

Karna tabel didaftar data sudah kita persiapkan beserta form untuk menghapus data didalamnya, maka pada bagian kita hanya perlu merubah sedikit di bagian FormController.

Caranya, buka FormController lalu pada bagian destroy() ubahlah menjadi seperti kode dibawah ini.

public function destroy($id)
{
    $siswa = Siswa::find($id);

    if($siswa->delete()) {
        return redirect()->route('form.index')->with('message', 'Berhasil menghapus data siswa');
    } else {
        return redirect()->route('form.index')->with('message', 'Gagal menghapus data siswa');
    }
}

Jika sudah silahkan anda coba klik Delete yang ada di tabel Daftar Data yang sudah kita buat sebelumnya, jika berhasil maka data akan hilang dari tabel dan akan menampilkan pesan Berhasil menghapus data siswa.

Demikianlah tutorial Insert, Update, dan Delete Data di Laravel ini, semoga tutorial ini bermanfaat untuk yang baru belajar Laravel, jika diperhatikan Laravel sangatlah mudah dan sangat mempercepat penulisan kode program yang akan kita buat.

Leave a Reply

Your email address will not be published. Required fields are marked *

This site uses Akismet to reduce spam. Learn how your comment data is processed.