Contoh Sederhana CRUD Laravel 8

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.

Lihat juga : Tutorial CRUD Eloquent Laravel

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

Sistem Operasi Linux Ubuntu
Laravel Versi 8.83.22
DBMS MySQL/MariaDB
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

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;

Buka file .env dan rubah atau arahkan koneksi databasenya ke database crud_laravel
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
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

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');
    }
}

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)

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']);

Selanjutnya buka CMD/Terminal Anda, lalu ketikan php artisan serv
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

Ahmad Zaelani

Seorang laki - laki biasa yang senang duduk sendirian di pinggir pantai, pengagum embun pagi dan lembayung senja, suka blogging, coding dan jogging. Moto hidupnya adalah hidup santai dan simple

Contoh Sederhana CRUD Laravel 8

0 Response to "Contoh Sederhana CRUD Laravel 8"

Post a Comment