PHP LUMEN RESOURCE RELATIONSHIP

PHP LUMEN RESOURCE RELATIONSHIP
Image result for php lumen

   Hai sobat koding, kali saya akan memberikan sebuah tutorial php menggunakan resource relationship. berikut adalah langkah langkahnya

   Tutorial ini melanjutkan project dari tutorial sebelum nya dengan nama ‘PHP Lumen Authorization. Pada tutorial ini kita akan menambahkan fitur relationship antara model (tabel). Tujuan praktek ini adalah untuk: 
1. Memahami konsep relationship 
2. Mampu implementasi fitur relationship

Harus menyelesaikan dulu modul dengan judul ‘PHP Lumen Authorization’.

Menambahkan Fungsi Public Read Untuk menambahkan fungsi public read all, mari kita ikuti langkah-langkah berikut ini: 

1. Buka file routes/web.php, tambahkan code dibawah ini:

2. Buat file controller baru dengan nama app/Http/Controllers/PublicController/PostsController.php, kemudian tambahkan code dibawah ini: 

3. Buka file app/Models/Post.php, tambahkan code dibawah ini sebelum penutup Class:

4. Buka file app/Models/User.php, tambahkan code dibawah ini sebelum penutup Class:
 

5. Buka url http://localhost:8000/public/posts?page=1 di postman:

6. Buka url http://localhost:8000/public/post/2 di postman: 



Implementasi Fitur Comment
Sekarang kita akan mengimplementasikan fitur comment, yaitu user bisa memberikan komentar pada salah satu post. Untuk mengimplementasikan fitur ini dibutuhkan 2 endpoint yaitu.
  • Endpoint untuk create comment
  • Endpoint untuk get comment based on post. List komentar nya harus
    mengandung object user
Pertama kita pastikan terlebih dahulu telah memiliki tabel comment dan model comment, jika belum ada anda bisa melakukan migrasi terlebih dahulu, buat model comment nya dan buat routing untuk akses endpointnya, jika teman-teman mengikuti tutorial ini dari awal tentu telah memilki tabel comment yang telah kita buat pada tutorial sebelum-sebelumnya.
Sekarang kita buat relasi antara model post dengan model comment dengan menambahkan script berikut.
Setelah itu kita lakuan hal yang sama dengan sebelumnya yaitu menambahkan method with pada controller post.
Sehingga respon dari get post nya adalah terdiri dari beberapa comment yang memiliki object user di dalamnya. Namun sebelum melakukan get all post, kita create terlebih dahulu data commentnya seperti berikut.
Screenshot_77.png
Lakukan testing di postman dengan memasukkan endpoint http://localhost:8000/public/posts.
Screenshot_76.png

Selamat mencoba !

Comments

Post a Comment

Popular posts from this blog

Microservice

Image
    Microservice menjadi salah satu arsitektur yang banyak didiskusikan oleh para developer pada saat ini, Alasannya karena microservice dapat membantu developer dalam membuat aplikasi yang high performance, scalable, reliable dan secure. Jadi apa itu Microservice ?     Microservices berarti membagi aplikasi menjadi layanan yang lebih kecil dan saling terhubung tidak seperti aplikasi monolitik. Monolitik sendiri merupakan sebuah arsitektur dimana dalam pembuatan aplikasi. semua komponen menjadi satu kesatuan, dalam hal ini satu kesatuan berarti menyatukan antara front-end dan backend dalam satu aplikasi yang sama.    Contoh penggunaan microservice ini misal dalam sebuah Aplikasi online shop yang terdiri dari beberapa fitur, ada fitur untuk menampikan produk, menambah ke keranjang, dan pembayaran. Fitur-fitur tersebut dibangun dalam service yang berbeda atau aplikasi yang berbeda dan database yang berbeda pula. Dalam penggunaannya service-service ...
Read more

Directive dan List Vue.js

Image
Directive dan List Vue.js Hallo teman-teman, kali ini kita akan membahas directive dan list pada  vue.js . Masih dalam project yang sama, buatlah sebuah file baru dengan nama  directive.html  dan tuliskan codenya seperti berikut. v-if Sekarang jalankan pada brosernya maka akan muncul tampilan berikut. Sekarang coba ganti data jumlahnya. Lalu jalankan kembali browsernya, maka akan muncul tampilan berikut. Directive ini juga tetap memiliki sifat reactive. Sebagai contoh, jika pada saat runtime, kemudian variable jumlahnya diubah menjadi ’75’ dengan cara menulis perintah  vm.nilai  = ’75’, maka view akan dirender ulang. v-on Kali ini kita akan mencoba event v-on, ada banyak seklai event-event di dalam  vue.js  ini, kali ini kita hanya mencoba event onclick. Masih dalam file yang sama, tambahkan script berikut. Ketika button di klik akan memunculkan alert konfirmasi, silahkan jalankan pada browser dan lihat hasilny...
Read more

Form dan Filtering Vue.js

Image
Form dan Filtering Vue.js Hallo teman-teman, kali ini saya akan membahas mengenai form input menggunakan  vue.js . Form ini nantinya akan menampilkan setiap inputan dan mengirimkan data ke server php. Form Input Pertama kita buat file baru dengan nama  form.html , seperti biasa import terlebih dahulu library vue js nya pada tag script di header. Dalam mendesign form ini kita buat tampilannya agar terlihat lebih menarik dengan menggunakan library bootstrap, agar tidak perlu mendownload terlebih dahulu kita import saja librarynya via link cdn yang bisa di dapat pada dokumentasi bootstrap. Tambahkan pada tag header project kita seperti berikut (dengan catatan harus terkoneksi internet). Pada form input kali ini kita akan mencoba semua tipe inputan seperti text, number, textarea, checkbox, selectbox, radio button, dan file. Design tampilan form nya seperti berikut. Ketika form input di inputkan, maka akan menampilkan setiap teks yang di bungkus di dapal tag ...
Read more