Tutorial Android Read data MySQL dengan Retrofit (CRUD Online Bagian 2)
Sebelumnya saya telah membuat tutorial insert data ke MySQL bisa dilihat disini :
Nah sekarang bagaimana cara menampilkan data yang sudah kita inputkan? Langsung aja ikuti step-stepnya.
Step 1) Membuat Fungsi Read dengan PHP
Buat fungsi Read seperti source code berikut dan simpan dengan nama view.php.
Respon Json :
Step 2) Update strings.xml
Buka file “res/values/strings.xml”, tambahkan string lihat data untuk menamai button.
Step 3) Update activity_main.xml
Buka file “res/layout/activity_main.xml”, tambahkan satu Button untuk melihat hasil inputan.
Hasil dari penambahan button akan terlihat seperti ini
Step 4) Membuat activity baru
Activity ini digunakan untuk menampilkan hasil dari data yang sudah di inputkan. Beri nama activitynya dengan ViewActivity.
Selanjutnya buat perintah untuk menuju atau pindah ViewActivity dari MainActivity. Tambahkan source code berikut ke dalam MainActivity.java
Step 4) Membuat POJO dan update RegisterAPI
Kita buat Plain Old Java Object (POJO) untuk menampung object dari JSON. Kemudian tambahkan source code berikut ke dalam kelas Result.
Kemudian update kelas Value.java dengan menambahklan source code seperti berikut :
Selanjutnya menambah source code di RegisterAPI.java
Step 5) Membuat tampilan activity_view.xml
Buka file “res/layout/activity_view.xml” dan tambahkan Recyclerview kedalamnya. Recyclerview sendiri merupakan widget yang berfungsi untuk menampilkan list data seperti ListView.
Hasil desain :
Selanjutnya adalah custom isi dari recyclerview, karena nanti kita akan menampilkan NPM, nama, kelas dan sesi. Kita akan menggunakan cardview untuk mempercantik tampilan Recyclerview. Sebelumnya update pengaturan build.gradle dengan menambahkan support cardview :
Kemudia buat layotu baru dengan cara seperti berikut :
Beri nama list_view.
Ubah source code berikut ke list_view.xml.
Step 6) Membuat Adapter Recyclerview
Buat kelas baru dengan nama RecyclerViewAdapter. Edit source code seperti berikut :
Step 6) Implementasi kode ke ViewActivity.java
Buka file ViewActivity.java kemudian tambahkan source code berikut :
Step 7) Demo Video
Untuk lebih jelasnya silahkan download project saya di Github.