Contoh Sederhana CRUD Laravel 8

Contoh Sederhana CRUD Laravel
Hasil Contoh CRUD Sederhana Laravel pada Browser - root93


Laravel adalah sebuah framework PHP yang dirilis di bawah lisensi MIT dan dibangung dengan konsep MVC (Model View Controller). Nah pada kesemptan ini saya ingin sedikit memberikan contoh sederhana crud di laravel, khususnya laravel versi 8/9, karena pada saat Saya menulis tutorial ini, versi 8 laravel termasuk versi terbaru.


Dalam tutorial ini saya asumsikan bahwa Anda telah menginstal laravel di server web atau local masing – masing. Sebagai informasi tambahan, disini saya menggunakan :

  1. Sistem Operasi Linux Ubuntu
  2. Laravel Versi 8.83.22
  3. DBMS MySQL/MariaDB
  4. PHP Versi 7.4.10
Baca juga : 

Jika misalnya Anda menggunakan atau menjalankan Laravel pada sistem Operasi Windows maka tutorial ini juga masih berlaku untuk Anda atau Anda menggunakan teknologi web dengan versi diatasnya juga ini masih berlaku, intinya teknologi Anda nantinya harus support Laravel.

Selanjutnya perlu digaris bawahi, bahwa sebelum belajar laravel atau melihat contoh crud laravel ini, saya asumsikan bahwa Anda sudah paham dengan konsep OOP PHP terlebih dahulu, karena Laravel sendiri bersifat Object Oriented

Berikut ini adalah Contoh Sederhana CRUD Laravel

  1. Buat database baru misalnya dengan nama crud_laravel, kemudian tambahkan tabelnya seperti berikut
    CREATE TABLE `daftar_barang` (
      `id_barang` int(10) UNSIGNED NOT NULL,
      `nama_barang` varchar(65) DEFAULT NULL,
      `stok_barang` smallint(5) DEFAULT NULL,
      `harga_barang` decimal(10,0) DEFAULT NULL
    ) ENGINE=InnoDB DEFAULT CHARSET=utf8mb4;
    
    --
    -- Dumping data for table `daftar_barang`
    --
    
    INSERT INTO `daftar_barang` (`id_barang`, `nama_barang`, `stok_barang`, `harga_barang`) VALUES
    (1, 'Pepsodent', 87, '3500'),
    (2, 'Mie Sedap', 35, '3500'),
    (3, 'Rinso Cair', 87, '5000'),
    (4, 'Kopi Luak', 685, '1500'),
    (5, 'Sari Roti', 28, '12000'),
    (6, 'Kopi Good Day', 154, '2000'),
    (9, 'Mie Sedap', 35, '4000');
    
    --
    -- Indexes for dumped tables
    --
    
    --
    -- Indexes for table `daftar_barang`
    --
    ALTER TABLE `daftar_barang`
      ADD PRIMARY KEY (`id_barang`);
    
    --
    -- AUTO_INCREMENT for dumped tables
    --
    
    --
    -- AUTO_INCREMENT for table `daftar_barang`
    --
    ALTER TABLE `daftar_barang`
      MODIFY `id_barang` int(10) UNSIGNED NOT NULL AUTO_INCREMENT, AUTO_INCREMENT=10;
  2. Buka file .env dan rubah atau arahkan koneksi databasenya ke database crud_laravel

    mengubah koneksi database laravel pada contoh crud laravel

  3. Buka CMD/Terminal masuk ke direktori dimana Anda meletekan laravel, kemudian ketikan perintah berikut : php artisan key:generate seperti yang terlihat pada gambar dibawah ini

    Melakukan Key Generate Contoh CRUD Laravel

  4. Selanjutnya buat sebuah controller pada folder app/Http/Controllers dengan nama DaftarBarang.php atau Anda bisa menggunakan perintah artisan seperti berikut : php artisan make:controller DaftarBarang
  5. Selanjutnya pada Controller DaftarBarang.php Anda tambahkan kode seperti berikut:
    
      <?php
    
    namespace App\Http\Controllers;
    
    use Illuminate\Http\Request;
    use Illuminate\Support\Facades\DB;
    
    class DaftarBarang extends Controller
    {
        public function table()
        {
            $barang = DB::table('daftar_barang')->get();
            return view('barang_table',(['barang'=>$barang]));
        }
        public function tambah()
        {
            return view('barang_tambah');
            return redirect('/barang');
        }
        public function proses(Request $request)
        {
            DB::table('daftar_barang')->insert([
    
                'nama_barang'=>$request->nama_barang,
                'stok_barang'=>$request->stok_barang,
                'harga_barang'=>$request->harga_barang
            ]);
            return redirect('/barang');
        }
        public function edit($id_barang)
        {
            $barang = DB::table('daftar_barang')->where('id_barang',$id_barang)->get();
            return view('barang_edit',(['barang'=>$barang]));
            return redirect('/barang');
        }
        public function update(Request $request)
        {
            DB::table('daftar_barang')->where('id_barang',$request->id_barang)->update([
    
                'nama_barang'=>$request->nama_barang,
                'stok_barang'=>$request->stok_barang,
                'harga_barang'=>$request->harga_barang
            ]);
            return redirect('/barang');
        }
        public function delete($data)
        {
            DB::table('daftar_barang')->where('id_barang',$data)->delete();
            return redirect('/barang');
        }
    }
    
      
  6. Selanjut buat beberapa file .blade pada folder resources/views/ diantaranya barang_table.blade.php, barang_tambah.blade.php, barang_edit.blade.php (Lampiran contoh kode  disertakan diakhir)
  7. Kemudian buka file web.php pada folder routes dan tambahkan baris kode seperti berikut
    <?php
    
    use Illuminate\Support\Facades\Route;
    
    /*
    |--------------------------------------------------------------------------
    | Web Routes
    |--------------------------------------------------------------------------
    |
    | Here is where you can register web routes for your application. These
    | routes are loaded by the RouteServiceProvider within a group which
    | contains the "web" middleware group. Now create something great!
    |
    */
    
    Route::get('/', function () {
        return view('welcome');
    });
    
    
    
    //barang
    Route::get('/barang',[App\Http\Controllers\DaftarBarang::class,'table']);
    Route::get('/barang/tambah',[App\Http\Controllers\DaftarBarang::class,'tambah']);
    Route::post('/barang/proses',[App\Http\Controllers\DaftarBarang::class,'proses']);
    Route::get('/barang/edit/{id_barang}',[App\Http\Controllers\DaftarBarang::class,'edit']);
    Route::post('/barang/update',[App\Http\Controllers\DaftarBarang::class,'update']);
    Route::get('/barang/delete/{id_barang}',[App\Http\Controllers\DaftarBarang::class,'delete']);
    
    
    
    
  8. Selanjutnya buka CMD/Terminal Anda, lalu ketikan php artisan serv
  9. Buka browser masing – masing lalu tulis url localhost:8000/crud_laravel
Dengan contoh CRUD (Create, Read, Update, Delete) Laravel yang sederhana ini diharapkan Anda bisa lebih dengan cepat memahami konsep sederhana untuk crud pada framework laravel, karena crud ini juga merupakan bagian terpenting untuk mempelajari laravel secara lebih lanjut.

Lampiran contoh file blade point 6.

barang_table.blade.php


<!DOCTYPE html>
<html lang="{{ str_replace('_', '-', app()->getLocale()) }}">
    <head>
        <meta charset="utf-8">
        <meta name="viewport" content="width=device-width, initial-scale=1">

        <title>Dafatar Barang</title>

        <!-- Fonts -->
        <link href="https://fonts.googleapis.com/css2?family=Nunito:wght@400;600;700&display=swap" rel="stylesheet">

        <!-- Styles -->
       <style>
            body {
                font-family: arial;
                font-size: 12pt;
               
            }
            table.items {
              font-size: 9pt; 
              border-collapse: collapse;
              border: 3px solid #880000; 
            }
            table.items2 {
              font-size: 12pt; 
             border-collapse: collapse;
              border: 1px solid #ccc; 
            }
            td { vertical-align: top; 
            }
            table thead th { background-color: #EEEEEE;
              text-align: center;
            }
            table tfoot td { background-color: #AAFFEE;
              text-align: center;
            }
            .container{ margin: 0 auto; width: 100%; display: flex; justify-content: center; }
           
        </style>
    </head>
    <body>
     <div class="container">
    
    
        <table class="items" width="80%" cellpadding="8" border="1">
            <tr>
                <th colspan="5">Contoh Simple Crud Laravel 8 - Root93.co.id</th>
            </tr>
            <tr>
                <th>ID Barang.</th>
                <th>Nama Barang</th>
                <th>Stok</th>
                <th>Harga</th>
           
               <th>Aksi</th>
            </tr>
            @foreach($barang as $data)
                <tr>
                    <td>{{$data->id_barang}}</td>
                    <td>{{$data->nama_barang}}</td>
                    <td>{{$data->stok_barang}}</td>
                    <td>{{$data->harga_barang}}</td>
                    <td><a href="/barang/edit/{{$data->id_barang}}" title="edit">Edit</a> / <a href="/barang/delete/{{$data->id_barang}}" title="delete">Delete</a></td>
                </tr>
            @endforeach
            <tfoot>
                <tr>
                    <td colspan="5"><a href="/barang/tambah">+ Tambah Barang</a></td>
                </tr>
            </tfoot>
        </table>
      </div>
    </body>
    </html>



barang_tambah.blade.php


<!DOCTYPE html>
<html lang="{{ str_replace('_', '-', app()->getLocale()) }}">
    <head>
        <meta charset="utf-8">
        <meta name="viewport" content="width=device-width, initial-scale=1">

        <title>Tambah Barang</title>

        <!-- Fonts -->
        <link href="https://fonts.googleapis.com/css2?family=Nunito:wght@400;600;700&display=swap" rel="stylesheet">

        <!-- Styles -->
       <style>
            body {
                font-family: arial;
                font-size: 12pt;
               
            }
            table.items {
              font-size: 9pt; 
              border-collapse: collapse;
              border: 3px solid #880000; 
            }
            table.items2 {
              font-size: 12pt; 
             border-collapse: collapse;
              border: 1px solid #ccc; 
            }
            td { vertical-align: top; 
            }
            table thead th { background-color: #EEEEEE;
              text-align: center;
            }
            table tfoot td { background-color: #AAFFEE;
              text-align: center;
            }
            .container{ margin: 0 auto; width: 100%; display: flex; justify-content: center; }
           
        </style>
    </head>
    <body>
     <div class="container">
    
    
        <table class="items" width="80%" cellpadding="8" border="1">
            <tr>
              
                <th>Nama Barang</th>
                <th>Stok</th>
                <th>Harga</th>
           
             
            </tr>
                <form action="/barang/proses" method="post">
                    {{csrf_field()}}
                    <tr>
                       <td><input type="text" name="nama_barang" placeholder="nama barang" required></td>
                       <td><input type="text" name="stok_barang" placeholder="jumlah stok" required></td>
                       <td><input type="text" name="harga_barang" placeholder="harga" required> <input type="submit" name="simpan" value="simpan"></td>

                    </tr>
                </form>
                <tr>
                    <td colspan="5"><a href="/barang"> <= Kembali</a></td>
                </tr>
            </tfoot>
        </table>
      </div>
    </body>
    </html>



barang_edit.blade.php


<!DOCTYPE html>
<html lang="{{ str_replace('_', '-', app()->getLocale()) }}">
    <head>
        <meta charset="utf-8">
        <meta name="viewport" content="width=device-width, initial-scale=1">

        <title>Edit Barang</title>

        <!-- Fonts -->
        <link href="https://fonts.googleapis.com/css2?family=Nunito:wght@400;600;700&display=swap" rel="stylesheet">

        <!-- Styles -->
       <style>
            body {
                font-family: arial;
                font-size: 12pt;
               
            }
            table.items {
              font-size: 9pt; 
              border-collapse: collapse;
              border: 3px solid #880000; 
            }
            table.items2 {
              font-size: 12pt; 
             border-collapse: collapse;
              border: 1px solid #ccc; 
            }
            td { vertical-align: top; 
            }
            table thead th { background-color: #EEEEEE;
              text-align: center;
            }
            table tfoot td { background-color: #AAFFEE;
              text-align: center;
            }
            .container{ margin: 0 auto; width: 100%; display: flex; justify-content: center; }
           
        </style>
    </head>
    <body>
     <div class="container">
    
    
        <table class="items" width="80%" cellpadding="8" border="1">
            <tr>
              
                <th>Nama Barang</th>
                <th>Stok</th>
                <th>Harga</th>
           
             
            </tr>
                <form action="/barang/update" method="post">
                    {{csrf_field()}}
                    <tr>
                    @foreach($barang as $data)
                       <td>
                            <input type="hidden" name="id_barang" value="{{$data->id_barang}}">
                            <input type="text" name="nama_barang" value="{{$data->nama_barang}}" placeholder="nama barang" required>
                        </td>
                       <td><input type="text" name="stok_barang" value="{{$data->stok_barang}}" placeholder="jumlah stok" required></td>
                       <td><input type="text" name="harga_barang" value="{{$data->harga_barang}}" placeholder="harga" required> <input type="submit" name="simpan" value="simpan"></td>
                    @endforeach

                    </tr>
                </form>
                <tr>
                    <td colspan="5"><a href="/barang"> <= Kembali</a></td>
                </tr>
            </tfoot>
        </table>
      </div>
    </body>
    </html>

Video Tutorial CRUD Laravel 8


Selanjutnya jika sudah berhasil membuat CRUD di laravel, Anda juga bisa mencoba membuat paginasi pada data yang Anda buat diatas. Silahkan lihat pada tutorial : Cara Membuat Paginasi di Laravel 8

0 Response to "Contoh Sederhana CRUD Laravel 8"

Post a Comment

Komentar yang Anda kirim akan terlebih dahulu di moderasi oleh Admin