Web Development — Membuat Toko Online menggunakan Laravel — Part 2
Membuat Toko Online menggunakan Laravel 5.8 — Part 2
Assalamualaikum semua, apa kabar kalian, mudah-mudahan dalam kondisi sehat semua ya, berjumpa lagi dengan saya Hanas Bayu Pratama sebagai staff divisi pendidikan komandro, kali ini saya akan melanjutkan pembuatan Toko Online menggunakan Laravel
Bagi kalian yang belum mengikuti dari awal, kalian bisa mengikuti tutorial sebelumnya mengenai Web Development — Membuat Toko Online menggunakan Laravel — Part 1
Jika sudah mengikuti step sebelumnya, let’s go
Disini kita akan fokus untuk membangun Relasi Database dan Auth pada Web Kita. kita mulai dari langkah awal, yaitu membuat Relasi Database.
pertama-tama kita akan membuat relasi pada halaman User.php
app → User.php
// tambahkan function dibawah pada class User
public function pesanan()
{
return $this->hasMany('App\Pesanan','user_id','id');
}Kedua kita akan membuat relasi pada halaman Barang.php
app → Barang.php
// tambahkan function dibawah pada class Barang
public function pesanan_detail()
{
return $this->hasMany('App\PesananDetail','barang_id','id');
}Ketiga kita akan membuat relasi pada halaman Pesanan.php
app → Pesanan.php
// tambahkan function dibawah pada class Pesananpublic function user()
{
return $this->belongsTo('App\User','user_id', 'id');
}public function pesanan_detail()
{
return $this->hasMany('App\PesananDetail','pesanan_id','id');
}
Keempat kita akan membuat relasi pada halaman PesananDetail.php
// tambahkan function dibawah pada class PesananDetailpublic function barang()
{
return $this->belongsTo('App\Barang','barang_id', 'id');
}public function pesanan()
{
return $this->belongsTo('App\Pesanan','pesanan_id','id');
}
Setelah itu kita akan memanggil halaman login dan register yang sudah dibuat oleh laravel dengan terminal
php artisan make:auth
Jika sudah, jalankan menggunakan php artisan serve maka hasilnya akan seperti berikut.
dengan menggunakan auth, maka sekarang kita tidak perlu membuat halaman login dan register dari awal sehingga ini dapat mempermudah pekerjaan kita sebagai Web Developer. selain itu, kita bisa masuk ke halaman register untuk mendaftar dan ke login untuk masuk ke halaman home secara langsung tanpa membuat method dari awal.
Kok bisa ada logonya ?
ini terjadi karena saya mengubah beberapa kode pada
resources → views → layouts → app.blade.php
// saya mengubah tampilan navbar-brand seperti dibawah.<a class="navbar-brand" href="{{ url('/') }}">
<img src="{{ url('images/logo.png')}}" width="200" alt="">
</a>
Oh ya, kalian bisa pakai logo sesuka kalian. kalau kalian mau logo yang sama seperti saya, kalian bisa klik disini untuk downloadnya. setelah kalian punya foldernya, jangan lupa untuk membuat folder images didalam public untuk tempat logonya
Setelah itu kalian bisa ke resources → views → home.blade.php untuk sedikit memodifikasi tampilan.
@section('content')
<div class="container">
<div class="row justify-content-center">
<div class="col-md-12 mb-4">
<img src="{{ url('images/logo.png')}}" class="rounded mx-auto d-block" width="500" alt="">
</div>
<div class="col-md-8">
<div class="card">
<div class="card-header">Dashboard</div>
<div class="card-body">
@if (session('status'))
<div class="alert alert-success" role="alert">
{{ session('status') }}
</div>
@endif
You are logged in!
</div>
</div>
</div>
</div>
</div>
@endsection
Semoga kalian sukses mengikuti tutorial ini, untuk selanjutnya kita akan menampilkan data dari Database menggunakan Laravel pada Website ini.
Wassalamualaikum wr.wb
