Tutorial Laravel untuk pemula

April 29, 2019

Tutorial Laravel untuk pemula

BELAJAR LARAVEL UNTUK PEMULA

Perkenalkan nama saya Muhamad Rizkianda , untuk kali ini kita akan belajar framework Laravel , pasti di antara kalian sudah pada tau apa itu laravel bagaimana cara kerja laravel , untuk yang belum tau apa itu laravel kali ini akan saya jelaskan dan akan saya praktekan cara kerja laravel , mohon maaf apabila kata kata kurang jelas , selamat belajar LARAVEL!

Laravel adalah sebuah framework yang digunakan untuk web development di PHP. Umur framework ini, terbilang masih baru (walaupun sudah mulai beranjak ke versi 5), dan mungkin seumuran dengan PhalconPHP.

1. CARA INSTAL LARAVEL

LANGKA PERTAMA

Instalasi Laravel di Windows terbilang cukup mudah dibandingkan dengan distro Linux. Sebelum melakukan instalasi Laravel ada baiknya sahabat mengecek apakah ekstensi openssl di php.ini sudah diaktifkan atau belum karena Laravel memerlukan ekstensi ini dalam mode CLI, jika belum silahkan buka php.ini untuk mengaktifkan ekstensi openssl dan cari tulisan ;extension=php_openssl.dll kemudian hilangkan tanda titik koma (;) didepannya dan simpan perubahan pada php.ini

Jika langkah satu ini dilewati maka akan keluar pesan berikut ini:

Some settings on your machine make Composer unable to work properly.

Make sure that you fix the issues listed below and run this script again:

The openssl extension is missing, which means that secure HTTPS transfers are impossible.

If possible you should enable it or recompile php with –with-openssl

LANGKAH KEDUA

Langkah selanjutnya adalah kita memerlukan Composer untuk instalasi dan depensi manajemen framework Laravel, silahkan downloComposer-Setup.exe Terlebih dahulu dan install.

Pada gambar di atas lokasi PHP saya adalah di C:\xampp\php\php.exe, nah silahkan sesuaikan dengan lokasi PHP sahabat.

LANGKAH KETIGA

Buka command prompt, kemudian pindah ke direktori htdocs dengan ketik cd C:\xampp\htdocs (silahkan sesuaikan dengan lokasi htdocs sahabat). Ketikan perintah di command prompt sebagai berikut untuk instalasi Laravel versi terbaru:

composer create-project laravel/laravel nama-proyek –prefer-dist

Silahkan ganti nama-proyek sesuai dengan keinginan sahabat, sekali lagi perlu diingat bahwa sahabat perlu terkoneksi ke internet untuk melakukan instalasi. Setelah instalasi selesai silahkan buka Laravel di lokasi C:\xampp\htdocs\nama-proyek

Catatan: Jika sahabat sudah melakukan langkah 1-3, untuk berikutnya bila mau instalasi Laravel cukup lakukan langkah 3 saja.

2. INSTAL VERSI LINUX / UBUNTU

Untuk distro Linux agak terasa rumit memang, tetapi asik. Perlu sahabat ketahui bahwa saya menggunakan XAMPP for Linux dan sudah terinstal di direktori /opt/lampp, saya tidak tahu bagaimana dengan sahabat? Oleh karena itu saya akan menjelaskan konfigurasi sesuai dengan bundelan paket web server dari XAMPP tersebut pada langkah1.

Langkah 1

Saya akan menggunakan PHP dan Curl yang terdapat pada bundelan paket web server dari XAMPP tadi, nah PHP dan Curl tersebut belum terdeteksi di sistem Linux Ubuntu saya, namun apabila sahabat sudah punya instalasi web server dengan PHP dan Curl terdeteksi di sistem silahkan lewati langkah ini menuju langkah 2. Oke, supaya PHP dan Curl terdeteksi di sistem Linux maka ketikan perintah berikut di terminal:

$ sudo update-alternatives --install "/usr/bin/php" "php" "/opt/lampp/bin/php" 1

$ sudo update-alternatives --install "/usr/bin/curl" "curl" "/opt/lampp/bin/curl" 1

Langkah 2

Sekarang waktunya instal Composer, ketikan perintah berikut di terminal:

$ curl -ksS https://getcomposer.org/installer | php

$ sudo mv composer.phar /usr/local/bin/composer

Langkah 3

Sekarang waktunya instal Laravel, terlebih dahulu pindah ke direktori htdocs, pada terminal dengan ketik cd htdocs (silahkan sesuaikan dengan lokasi htdocs atau lokasi virtual host sahabat). Ketikan perintah berikut untuk memulai instalasi Laravel versi terbaru:

composer create-project laravel/laravel nama-proyek --prefer-dist

Silahkan ganti nama-proyek sesuai dengan keinginan sahabat, sekali lagi saya ingatkan bahwa sahabat perlu terkoneksi ke internet untuk melakukan instalasi. Setelah instalasi maka Laravel sudah terinstal di htdocs dengan nama folder nama-proyek.

Langkah 4

Langkah terakhir adalah mengubah permisi direktori storage, ketik di terminal perintah berikut (silahkan disesuaikan dengan direktori sahabat):

chmod 777 -R nama-proyek/app/storage

Catatan: Jika sahabat sudah melakukan langkah 1-4, untuk berikutnya bila mau instalasi Laravel cukup lakukan langkah 3 dan 4 saja.

Catatan : Laravel 5.1 harus sudah instal PHP Terbaru

2. PERSIAPAN PEMBUATAN CRUD

PERSIAPKAN FILE

Apabila anda sudah menginstal laravel rename nama folder laravel anda dengan nama ‘laravel’ dan buka file laravel tersebut dengan memanggil : localhost/laravel/public Dan hasilnya sebagai berikut :

apabila nama folder sudah di ubah dan sudah dibuka , siapkan database untuk pembuatan crud di laravel anda .

PEMBUATAN DATABASE

Buat sebuah database dengan nama laravel apabila database sudah dibuat selanjutnya untuk belajar laravel kita buat tabel dengan nama ‘siswa’ Field diantaranya :

id(int)10 autoincrement,nama(varchar)50,alamat(varchar)50,kelas(varchar)50

apabila field sudah dibuat dengan benar tahap selanjut nya buka file laravel dan setting database di laravel

SETTING DATABASE DI LARAVEL

Untuk penyitangan database di laravel cukup mudah buka folder laravel anda lalu buka file yang berekstensi .env setting database seperti berikut .

MENGHAPUS /PUBLIC DI LARAVEL

Untuk tahap berikutnya kita akan mencoba menghapus /public dilaravel , karena pada saat kita instal laravel kita harus membuka file laravel dengan cara localhost/laravel/public , yang menjadi pertanyaan bagaimana cara public nya dihilangkan dari url tersebut, cukup mudah untuk menghilangkan public tersebut . Pertama yang harus anda lakukan buat folder terlebih dahulu dengan nama ‘privasi’ folder privasi ini bertujuan untuk menyimpan data data laravel anda kecuali data public , apabila anda sudah membuat folder public langkah berikutnya cut file laravel anda kecuali folder ‘public’ apabila sudah di cut masukan file tersebut ke folder privasi , apabila sudah yang tersisa hanya ada 2 folder , folder public dan folder privasi langkah selanjutnya buka folder public dan cut semua file di folder public lalu paste kan di luar , untuk lebih jelasnya silahkan lihat gambar berikut :

Apabila folder laravel anda sudah dibuat percis seperti gambar di atas langkah selanjutnya adalah mengubah index.php di file tersebut menjadi seperti gambar berikut :

Ubahlah konfigurasi index.php anda seperti gambar diatas , apabila sudah buka browser anda dan coba untuk membuka url : localhost/laravel dan tara url anda sudah berganti menjadi localhost/laravel tidak lagi menjadi localhost/laravel/public

INTEGRASI BOOTSTRAP DI LARAVEL

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

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 :

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,

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

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

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

Selanjutnya kita membuat form untuk membuat data .

4. PEMBUATAN CRUD DI LARAVEL

Create / Penambahan Data Di Laravel

Membuat Create di laravel atau bisa di sebut dengan menambah data ke database (CREATE) tahap yang harus di lakukan pertama buka file home.blade.php ini bertujuan untuk menampilkan form yang akan di input dan dimasukan ke database untuk datanya , isikan home.blade.php seperti gambar dibawah ini :

@extends(‘template/t_index’) : ini bertujuan mendapatkan design dari template bootstrap

@section(‘content’) : ini bertujuan untuk menampilkan content

@form::open : ini sama dengan form method post

@form:text : sama dengan dengan input type text @stop : untuk menghentikan code tersebut

apabila sudah sama seperti gambar diatas selanjutkan kita coba tampilkan dan hasilnya akan sama seperti gambar dibawah ini :

sudah sama bukan ? apabila form sudah di buat selanjutkan proses pembuatan create data nya .
pada tahap ini kita akan membuat controller terlebih dahulu berfungsi untuk menyambungkan antara routes dan controller tersebut
untuk caranya silahkan buka cmd terlebih dahulu lalu masuk ke folder laravel anda dan masuk ke folder privasi dengan cara
cd C:\wamp\www\laravel\privasi ( tergantung folder anda disimpan ) apabila sudah masukan code ini untuk membuat controller anda di laravel :
php artisan make:controller Crudcontroller dan hasilnya akan seperti berikut :

ini artinya controller sudah di buat silahkan cek ke folder

privasi>app>http>controllers dan file yang bernama Crudcontroller sudah berhasil di buat , tahap selanjutnya buka file routes.php di privasi>app>http>routes.php apabila file sudah di buka tambah kan kode seperti gambar berikut :

sebelumnya saya jelaskan terlebih dahulu perbedaan get dan post post itu untuk memproses data sedangkan get untuk menampilkan data itu perbedannya sedangkan prosestambah yang ada di gambar itu menunjukan class/function nya apa , dan crudcontroller@tambahdata itu proses nya akan kemana cukup mengerti ? apabila tidak mengerti akan saya lanjutkan terlebih dahulu sekarang coba anda buka file Crudcontroller yang sudah anda buat dan masukan data seperti gambar berikut :

sedikit saya jelaskan input::get itu mengambil name yang ada di form yang sudah ktia buat tadi , sedangkan db::table itu akan kemana data itu dimasukan yaitu ke table siswa , sedangkan with message itu notifikation session yang sudah di sediakan laravel bahwa apabila kita berhasil menambah data akan muncul message tersebut , lalu bagaimana memuncukan notifikation diatas ?

kita buka lagi file routes.php lalu tambah kan code seperti gambar berikut :

sedikit saya jelaskan kita harus membuat route::get tersebut yang bertujuan untuk menampilkan file read.blade.php , sekarang kita buat juga file read.blade.php di privasi>resources>views>read.blade.php apabila file sudah di buat tambahkan code berikut di file tersebut :

apabila sudah sesuai dengan code tersebut kita langsung membuat data di home tadi caranya buka browser anda : localhost/laravel dan coba masukan data apakah data nya akan masuk ke database atau tidak ,

pada saat anda mencoba memasukan data pasti akan muncul error seperti gambar gambar dibawah ini : , input not found , db notfound , redirect not found

dibawah ini : , input not found , db notfound , redirect not found

caranya buka file Crudcontroller lalu masukan code berikut

tambahkan use input; use db; use redirect;

ini bertujuan agar eror yang tadi di alami kembali normal , nah apabila anda menemukan eror seperti di atas lalukan hal yang sama memakai use, sekarang coba anda praktekan localhost/laravel dan masukan data sesuai yang anda input dan hasilnya akan seperti berikut :

yee akhirnya menambah data berhasil :D sekarang langkah selanjutnya kita membuat Read data / menampilkan data yang sudah kita inputkan

Read / Menampilkan Data Di Laravel step selanjutnya adalah menampilkan data yang sudah di input tadi bagaimana caranya ? tahap yang pertama ubah code read yang ada di routes , buka routes.php dan ubah code read seperti gambar di bawah ini :

apabila sudah memodifikasi read tersebut sekarang buka file Crudcontroller lalu tambah kan function lihatdata seperti gambar berikut bertujuan untuk menampilkan data data yang ada di database:

sedikit saya perjelas Db::table(‘siswa’)->get(); sama hal nya dengan select * from siswa , sedangkan view::make itu menampilkan untuk route get read dan disana ada siswa yang berarti nilai variable yang akan kita ambil untuk menampilkan data , apabila sudah menambah function lihatdata coba jalankan localhost/laravel/read dan anda akan menemukan eror View notfound cara untuk mengatasinya bagaimana ? sama seperti halnya yang di atas tambahkan use view;

apabila script sudah jalan tinggal kita modifikasi file read.blade.php , buka file tersebut dan modifikasi code tersebut seperti gambar di bawah ini :

sedikit saya jelaskan juga $siswa tersebut mengambil nilai variable yang ada di Crudcontroller tadi , nah {{ }} sama dengan <?php echo ?> perbedaannya {{ }} agar lebih simple dan sedikit cmiwiw :D

apabila sudah silahkan lihat localhost/laravel/read dan hasilnya kurang lebih akan seperti gambar dibawah ini :

sama bukan ? yeee akhirnya read atau menampilkan data dari database sudah kita buat sekarang ke step selanjutnya yaitu menghapus data yang sudah kita buat :D cmiwiw :D

Delete / Menghapus Data Di Laravel tahap selanjutnya menghapus data dari database menggunakan laravel , bagaimana caranya ? untuk memulai silahkan buka file routes.php di file laravel anda lalu tambahkan code seperti gambar berikut :

ini bertujuan untuk menghapus data selanjutkan buka juga file Crudcontroller dan tambahkan function berikut di file Crudcontroller

dan jangan lupa untuk memodifikasi a href yang ada di read tambahkan code berikut :

<a href="hapus/{{ $data->id}}">Hapus</a>

cukup di mengerti dan mudah bukan untuk membuat action hapus di laravel ? dan hasilnya akan terlihat seperti gambar berikut :

tahap selanjutnya kita membuat Edit data di laravel ( UPDATE )

Update / Mengubah Data Di Laravel tahap selanjutnya adalah mengubah data yang ada di database menggunakan laravel caranya hampir sama dengan menghapus data tapi disini kita menggunakan dua method ikuti dan simak caranya , pertama buka file routes.php dan tambah route seperti gambar dibawah ini :

ini berfungsi untuk mengambil formedit dan menampilkan data berdasarkan id , dan jangan lupa memodifikasi a href juga di read.blade.php seperti berikut :

apabila sudah selesai sekarang buka file Crudcontroller.php dan tambah kan function seperti gambar berikut :

first di atas itu untuk mengambil nilai pertama berdasarkan id yang kita panggil apabila sudah menyimpan function tersebut , sekarang buat file yang bernama form_edit.blade.php di privasi>resources>views>form_edit.blade.php apabila file sudah di buat sekarang tambah kan code seperti gambar dibawah ini ke dalam file form_edit.blade.php

sedikit saya jelaskan code gmabar diatas form hidden itu artinya sama dengan input type hidden , $siswa itu mengambil dari function editdata with siswa , sedang $siswa->id , id ini mengambil field yang ada di database cukup paham bukan ? apabila sudah menambah code

seperti gambar di atas selanjutnya menambah action route untuk memproses mengubah data , buka kembali file routes.php dan masukan code seperti gambar di bawah ini :

apabila sudah menambah route::post sekarang buka juga Crudcontroller untuk menambah function proseseditdata , dan tambahkan function seperti gambar berikut :

apabila function sudah di tambahkan waktunya mencoba untuk mengedit data buka localhost/laravel/read dan coba klik a href edit yang sudah tertera disana dan ubah data data tersebut dan hasilnya akan seperti berikut