CRUD pada laravel

 Nama : Novia dwi jayanti

Kelas : XII RPL 1

M.pel : Pemograman Berorientasi Objek

CRUD juga merupakan basic atau dasar dari sebuah Aplikasi yang besar dan kompleks, rasanya tidak ada satupun Aplikasi yang tidak disebut sebagai implementasi dari CRUD. Untuk itu, belajar CRUD sederhana menjadi hal wajib agar kita nantinya dapat mengimplementasikan ke dalam sebuah Aplikasi yang lebih besar dan kompleks. Sebuah database memiliki tabel, dan tabel tersebut yang akan kita isi datanya dengan CREATE, menampilkannya yaitu READ kemudian data tersebut dapat kita ubah atau UPDATE, dan data tersebut juga dapat kita hapus atau DELETE.

Pada tutorial CRUD kali ini, akan kita bagi menjadi beberapa part atau bagian, agar tidak terlalu panjang penjelasannya. Maka akan kita bagi menjadi 4 part yaitu :

Part 1 – Cara menampilkan Semua Data Pada Laravel 5.3

Part 2 – Cara Insert Data pada Laravel 5.3

Part 3 – Cara Update Data pada Laravel 5.3 

Part 4 – Cara Menghapus Data pada Laravel 5.3

O iya teman-teman, pada Tutorial CRUD Laravel 5.3 kali ini kita akan menggunakan Bootstrap Material Design untuk layoutnya. Teman-teman dapat mendownloadnya di sini untuk kita gunakan nantinya. Atau jika teman-teman ingin menggunakan yang lain juga tidak masalah asalkan tahu bagaimana cara menggunakannya. Berikut tampilan Bootstrap Material Design seperti di bawah ini:



Setelah teman-teman mendownloadnya, silakan ektraks kemudian di masukan ke project teman-teman yang kemarin yaitu di dalam direktori atau folder public. Karena akan kita gunakan pada Tutorial Persiapan untuk membuat CRUD menggunakan Laravel 5.3.

Agar tugas kita pada tutorial selanjutnya tidak terlalu banyak, maka kita perlu memulai persiapan awal terlebih dahulu, yaitu Membuat Controller dan View yang akan kita gunakan. Untuk itu mari kita buka project dan command prompt masing-masing, jangan lupa untuk masuk ke direktori project. Masih ingat bukan Bagaimana Cara Membuat Controller pada Laravel 5.3? iya benar dengan mengetikan perintah artisan seperti di bawah ini :

1

php artisan make:controller KendaraanController

 

kita akan mengisi data kendaraan, maka kita membuat Controller dengan nama KendaraanController. Kemudian kita buat beberapa file di dalam folder view yaitu :

create.blade.php

edit.blade.php

view.blade.php

namun kita perlu memasukannya ke dalam folder baru, agar terlihat rapi project kita, maka kita buat folder crud/kendaraan di dalam view, lalu file view.blade.php, create.blade.php dan edit.blade.php kita masukan di dalam folder crud/kendaraan. Maka struktur foldernya menjadi seperti di bawah ini :

1

2

3

4

5

6

7

    |resources/

    ├── views/

    │ ├── crud/

    │ ├────── kendaraan/

    │ ├─────────────── create.blade.php

    │ ├─────────────── edit.blade.php

    │ ├─────────────── view.blade.php

Seperti ini lah tampilannya

Intregrasi dengan boostrap

 Nama : Novia Dwi Jayanti

Kelas :  XII RPL1

MPEL: Pemograman Berorientasi Objek

Langka langkahnya :

1.Untuk mengintegrasikan bootstrap dilaravel anda harus mendownload terlebih dahulu file
bootstrap , buka link berikut : http://getbootstrap.com , apabila bootstrap sudah
didownload extract file bootstrap tersebut dan ambil folder css,js,dan fonts di bootstrap ,
agar terlihat rapih buat folder assets di laravel anda lalu masukan file bootstrap kedalam

folder assets anda
2.Folder bootstrap sudah dimasukan ke laravel anda selanjut nya buka folder laravel anda

lalu masuk ke folder privasi lalu masuk lagi ke folder resource masuk lagi ke folder views dan buat lah folder template yang bertujuan untuk membuat template bootstrap dan
jangan lupa download terlebih dahulu jquery.min.js dan masukan ke folder js , apabila
anda sudah membuat folder template buat file yang bernama t_index.blade.php file ini
bertujuan untuk menyimpan link rel dan template bootstrap File sudah dibuat selanjutnya menambah code di file tersebut , tulis kode di file t_index.blade.php seperti gambar berikut :

3.Selanjutnya buka file routes.php di privasi>app>http>routes.php ubah
return view(welcome); menjadi return view('home');
ini bertujuan agar file yang di buka pertama itu adalah home.index.blade.php selanjutnya
buat file home.index.blade.php di privasi>resources>views>home.index.blade.php dan
masukin code seperti gambar dibawah ini :

extends : untuk mengambil template bootstrap ,
@section untuk memasukan data home.blade.php ke template bootstrap tersebut

apabila sudah selesai coba buka di browser anda : localhost/laravel

dan akan menemukan eror tersebut , eror tersebut adalah kita belum memasukan

illuminate di laravel , cara untuk memasukannya adalah buka file composer.json di

privasi>composer.json lalu tambahkan "illuminate/html": "5.*"

apabila composer.json sudah seperti gambar di atas lalu buka cmd kita masuk ke folder

laravel kita lalu masuk ke privasi ketik : composer update tunggu beberapa saat composer

telah terupdate , selanjutnya buka file app.php di privasi>config>app.php lalu buka file

tersebut tambah kan Illuminate\Html\HtmlServiceProvider::class,

Dan tambahkan juga

'Form' => Illuminate\Html\FormFacade::class,

'Html' => Illuminate\Html\HtmlFacade::class,

Apabila sudah selesai menambahkan coba buka localhost/laravel dan tara sudah berjalan

dengan baik.

4.Selesai.

Php artisan migrate

 Nama: Novia Dwi Jayanti

Kelas : XII RPL 1

M.PEL : Pemograman Berorientasi Objek

Bagaimana cara menggunakan Migration di Laravel ?

1. Set file .env

DB_CONNECTION=mysql
DB_HOST=127.0.0.1
DB_PORT=3306
DB_DATABASE=db_experiment
DB_USERNAME=root
DB_PASSWORD=

Sebelum melakukan migration, pastikan kita sudah memiliki database untuk aplikasi kita. Apabila belum punya database, silahkan buat terlebih dahulu. Setelah itu sesuaikan file .env dengan nama dan pengaturan database kita.

2. Buat file migration 
Ketikkan perintah untuk membuat file migration di dalam root directory project kita.

Untuk membuat tabel :

$ php artisan make:migration create_users_table --create=users

Untuk memodifikasi tabel :

$ php artisan make:migration add_gender_to_users_table  --table=users

Setelah menjalankan perintah untuk membuat file migration, maka file migration akan di generate pada directory database/migrations.

- your_project_name
--- app
--- bootstrap
--- config
--- database
------- factories
------- migrations
----------- (lokasi file migrationmu)
------- seeds
--- public
--- ....

3. Set field tabel baru atau perubahan-perubahan tabel.

Setelah file migration di generate, definisikan kolom-kolom tabel yang ingin dibuat atau modifikasi tabel yang ingin dilakukan pada migration file yang dibuat.

A. Contoh file migration untuk membuat tabel.

Sedikit penjelasan untuk code diatas, pada function up() kita definisikan bahwa kita akan membuat tabel users dengan beberapa field, yaitu : id, name, email, password, rememberToken dan timestamp ala Laravel (created_at & updated_at). Pada bagian function down() kita definisikan action apa yang akan dilakukan ketika rollback untuk migration ini dilakukan, yaitu menghapus tabel users.

B. Contoh file migration untuk memodifikasi tabel.

Sedikit penjelasan untuk code diatas, pada function up() kita definisikan bahwa kita akan menambahkan 3 field pada tabel tickets, yaitu : processed_at, completed_at, dan scheduled_by . Pada bagian function down() kita definisikan action apa yang akan dilakukan ketika rollback untuk migration ini dilakukan, yaitu menghapus 3 field tersebut.

4. Menjalankan Migration

Setelah mendefinisikan perubahan pada file migration, selanjutnya jalankan perintah untuk melakukan migration.

$ php artisan migrate

Apabila migration berhasil dilakukan, seharusnya notifikasi sukses akan muncul

5. Membatalkan Migration

Atas dasar jiwa yang labil atau request klien yang berubah ubah, mungkin saja kita ingin membatalkan migration yang baru saja kita lakukan. Tenang, kita bisa kok melakukan rollback. Untuk menjalankan perintah rollback, kita harus membuat kode pada function down seperti sudah dijelaskan pada penjelasan nomor 3.

Untuk melakukan rollback jalan kan perintah berikut :

$ php artisan migrate:reset

Pembuatan controller passing data pada view

 Nama : Novia Dwi Jayanti

Kelas : XII RPL 1

M.PEL : Pemograman Berorientasi Objek

Untuk memulainya anda dapat membuat file view dengan nama index.blade.php dan isikan kode sebagai berikut :

1 2 3 4 5 6 7 8 9

<!DOCTYPE html> <html> <head>     <title>Halaman Beranda</title> </head> <body>     <h3>Halaman Beranda</h3> </body> </html>

Setelahah itu pada controller BerandaController pada fungsi index silahkan ganti dengan kode di bawah ini :

1 2 3 4

public function index($umur) {     return view('index'); }

Kemudian untuk mengoper data dengan variabel umur menggunakan kode di bawah ini

1 2 3 4

public function index($umur) {       return view('index',compact('umur')); }

Kemudian silahkan rubah pada file index.blade.php menjadi seperti kode di bawah ini

1 2 3 4 5 6 7 8 9

<!DOCTYPE html> <html>know <head>     <title>Halaman Beranda</title> </head> <body>     <h3>Didik Berumur {{ $umur }}</h3> </body> </html>

Setelah itu silahkan akses dengan URL http://127.0.0.1/beranda/10, maka akan certetak hasil dengan output

Didik Berumur 10

Apabila sudah berhasil selajutnya bagaimana cara passing data dengan tipe data Array ?

Langkah yang harus di lakukan yaitu membuat data array nya terlebih dahulu, tipe data array saya berikan contoh mempunya 4 data, Ubah fungsi index menjadi seperti di bawah ini

1 2 3 4 5

public function index($umur) {    $keluarga = array('Doni','Diki','Painah','Paimen','Tukijem');       return view('index',compact('umur','keluarga'));   Pada fungsi di atas berfungsi untuk mengirimkan data dengan variabel keluarga ke dalam views, Selanjutnya silahkan ubah halaman view menjadi seperti di bawah ini

1 2 3 4 5 6 7 8 9 10 11 12 13

<!DOCTYPE html> <html> <head>     <title>Halaman Beranda</title> </head> <body>     <h3>Didik Berumur {{ $umur }}</h3>     <p>Daftar Keluarga</p>         @foreach($keluarga as $keluargas)             <li> {{ $keluargas }} </li>         @endforeach </body> </html>

Setelahah itu silahkan akses do browser dan lihat hasilnya.