Tutorial Laravel 5.

Aplikasi MVC Sederhana

Jika bingung atau error hubungi WA:+62 858 78 175 157 (Farid Inawan) Gratis
Atau komen di post.
Membuat Project
Membuat Project
- Persiapkan folder untuk project di mana saja (tidak harus
folder baru)
- Pastikan anda sudah menginstall composer
- Jalankan via terminal/cmd di folder tersebut.*
composer create-project --prefer-dist laravel/laravel=5.4.* learn-mvc

- Arahkan terminal ke folder ‘learn-mvc’**

cd learn-mvc

* Windows: Shift+Klik Kanan > Open Command Prompt, Linux: Klik Kanan > Open Terminal
** Pro tips: Gunakan penamaan file dan code dalam bahasa Inggris
 Setting .env file
diperlukan karena setiap

Setting .env mesin/komputer mempunyai

konfigurasi berbeda,
bahkan di server pun anda
harus mensetting file .env
lagi.
Setting .env
Edit .env file. Konfigurasi …
minimal file .env yang harus
disesuaikan adalah database. DB_CONNECTION=mysql
DB_HOST=127.0.0.1
DB_PORT=3306
Jangan lupa persiapkan database DB_DATABASE=learn_mvc
nya di server database yg anda DB_USERNAME=username
gunakan (MySQL/PostgreSQL) DB_PASSWORD=password

*untuk pengguna MySQL khususnya …

bawaan XAMPP Windows edit file
config/database.php Ganti
charset mysql utf8mb4 menjadi
utf8 dan collation
utf8_unicode_ci. Karena versi
mySQL XAMPP belum terbaru
Membuat Model,
View, dan
Controller
 Model adalah data.

Membuat Model
Biasanya Model diasumsikan
sebagai data dari table
sebuah database. Model lah
yang berinteraksi dengan
database.
Membuat Model
- Buat model Contact*
php artisan make:model Contact

- Buat migration, membuat table ‘contacts’ di database**

php artisan make:migration --create=contacts create_contacts_table

* Penamaan model di Laravel huruf pertama kapital dan singular (tunggal)

** Penamaan table database di Laravel menggunakan huruf kecil semua dan plurar (jamak, menggunakan akhiran s)
Edit Migration
Edit migration file, dalam …
tutorial ini di folder Schema::create('contacts', function (Blueprint $table) {
database/migration/ edit $table->increments('id');
file yang memiliki nama $table->string('name');
$table->string('email');
‘create_contacts_table’ $table->string('phone_number');
$table->string('address');
$table->timestamps();
});

…
Membuat Model
- Eksekusi migration yang telah dibuat
php artisan migrate

- Cek table di database yang anda gunakan menggunakan

phpMyAdmin untuk MySQL, pgAdmin untuk PostgreSQL
 Membuat
Controller
Controller adalah
programming logic.
Penghubung antara Model
dan View
Membuat Controller
- Buat controller ContactController
php artisan make:controller ContactController -r

Dengan flag ‘-r’, Laravel akan men-generate beberapa

method resources pada class ContactController, yaitu
index, create, store, show, edit, update, dan destroy.
Silakan periksa file ContactController.php di folder
app/Http/Controllers/
Edit Route
Edit web.php file di folder …
routes/ . Route::resource('contacts', 'ContactController');

Disini kita mendefinisikan

rute dari url yang di akses
dari browser akan
mengeksekusi method dan
Controller yang mana.

Standard resource route di

laravel menggunakan huruf
kecil dan plurar.
‘Contacts’.

Tambahkan di baris paling

bawah
Untuk melihat route yang telah didefinisikan jalankan
php artisan route:list

Bagian uri yang diberi {} adalah parameter/variable

Edit ContactController
index method
index method diperuntukan …
untuk menampilkan semua data use App\Contact;
resource yang ada.
class ContactController extends Controller
{
Jangan lupa tambahkan
use App\Contact; …
Dibagian atas.
public function index()
{
$contacts = Contact::all();

return view('contacts.index', [ 'contacts' => $contacts ]);

}

}
Edit ContactController
create method
create method diperuntukan …
untuk menampilkan form untuk public function create()
menambah data. {
return view('contacts.create');
}

…
Edit ContactController
store method
store method diperuntukan …
public function store(Request $request)
untuk menyimpan data hasil {
submit form. $this->validate($request, [
'name' => 'required|string',
'email' => 'required|email',
Pada contoh di samping, 'phone_number' => 'required|digits_between:10,12',
setelah berhasil menyimpan, 'address' => 'required|string'
response nya adalah redirect ]);

ke route ‘contacts.show’ $contact = new Contact;

dengan uri $contact->name = $request->name;
$contact->email = $request->email;
contacts/{contact}
$contact->phone_number = $request->phone_number;
$contact->address = $request->address;
*return tidak harus $contact->save();
redirect, Anda dapat return redirect()->route('contacts.show', [ $contact->id ]);
me-return apapun. }
…
Edit ContactController
show method
show method diperuntukan …
untuk menampilkan 1 data. public function show($id)
{
Perlu diingat, uri untuk $contact = Contact::find($id);
show adalah return view('contacts.show', [ 'contact' => $contact ]);
contacts/{contact}, }
parameter {contact} akan di
…
passing ke argumen show
method.
Edit ContactController
edit method
edit method diperuntukan …
untuk menampilkan form untuk public function edit($id)
mengedit data. {
$contact = Contact::find($id);

return view('contacts.edit', [ 'contact' => $contact ]);

}

…
Edit ContactController
update method
update method diperuntukan …
public function update(Request $request, $id)
untuk menyimpan data hasil {
submit edit form. $this->validate($request, [
'name' => 'required|string',
'email' => 'required|email',
Pada contoh di samping, 'phone_number' => 'required|digits_between:10,12',
setelah berhasil menyimpan, 'address' => 'required|string'
response nya adalah redirect ]);

ke route ‘contacts.show’ $contact = Contact::find($id);

dengan uri $contact->name = $request->name;
$contact->email = $request->email;
contacts/{contact}
$contact->phone_number = $request->phone_number;
$contact->address = $request->address;
*return tidak harus $contact->save();
redirect, Anda dapat return redirect()->route('contacts.show', [ $contact->id ]);
me-return apapun. }
…
Edit ContactController
destroy method
destroy method diperuntukan …
untuk mendelete data. public function destroy($id)
{
Contact::find($id)->delete();

return redirect()->route('contacts.index');
}

…
*Semua code masih mengesampingkan error handling.
Membuat View View adalah tampilan yang
akan disajikan di browser.
Membuat View
Untuk membuat tutorial ini jadi simple, download dan copy
file berikut.

views.zip

Ekstrak file tersebut di resources/views/

Pelajari masing-masing file view nya, yang perlu

diperhatikan juga adalah attribute action form.
Serve
Serve
- Jalankan
php artisan serve

- Buka http://localhost:8000/contacts
- Selamat anda telah mencoba Framework Laravel
- Post hasilnya jika berkenan :D
Kredit:

Farid Inawan
[email protected]
https://github.com/frdteknikelektro

Mau Lanjut? Kontak Aja!