Tutorial CRUD RestApi Dengan Expressjs dan MySQL Bagian #2 Menampilkan Data

Initekno.com – Seperti yang sudah saya jelaskan pada artikel tutorial crud expressjs bagian 1, Kalian telah mengenal package.json dan bermain-main sampai puas dengan paket tersebut. Pada kesempatan kali ini saya akan menampilkan data untuk restapi, saya menampilkan data dengan bantuan postman. Untuk yang belum membaca artikel dibagian satu silahkan dibawah ini.

Tutorial CRUD RestApi Dengan Expressjs dan MySQL Bagian #1 Membuat Project ExpressJS

Intinya untuk bisa lanjut pada artikel ini kamu harus sudah mengerti cara konfigurasi expressjs dan mysql, dan itu sudah saya terangkan dengan sangat jelas pada artikel bagian pertama. Nah… untuk memulai artikel restapi expressjs dan mysql dibagian kedua ini, silahkan jalankan terlebih dahulu server.js yang kemaren kita buat, ketikkan pada git bash kalian, dalam direktori website yang kemaren kita buat.

Selanjutnya untuk menampilkan data kalian perlu buat terlebih dahulu tabel peserta seperti berikut ini, tabel ini sudah saya ulas pada artikel bagian pertama, saya tampilkan kembali agar kalian lebih mudah untuk memahaminya.

Sekarang kita akan menghubungkan expressjs kita ke mysql, yaitu dengan cara membuat file db.config.js dan simpan pada folder config pada direktori app untuk folder app kamu buat terlebih dahulu. Tulis kode brikut ini.

Gambaran direktori silahkan lihat dibawah artikel ini ya. Selanjutnya, kamu buat folder models didalam folder models kalian tambahkan file db.js dan ketik kode berikut ini.

dari kode diatas kamu akan melakukan koneksi kedatabase dengan pengaturan menggunakan db.config.js makanya pada baris ke 4 yaitu kode untuk load konfigurasi db.config.js. Sampai disini saya anggap selesai untuk konfigurasi database dan menghubungkannya, dan gambaran direktori silahkan lihat dibawah artikel ini ya.

Sekarang kita lanjutkan dengan membuat models peserta.model.js simpan file ini pada direktori folder models dan ketik kode berikut ini

Setelah kalian selesai menuliskan kode diatas, sekarang saatnya buat folder controllers didalam direktori project website siaptaaruf. Tambahkan file baru, dan berinama dengan peserta.controller.js tulis kode berikut ini

Kode diatas yaitu controllers untuk menemukan semua data dan menampilkan data berdasarkan ID peserta, dan menampilkannya dalam postman sesuai request kita, kemudian, kode paling atas yaitu load models peserta jangan lupa. Sampai sini kita hampir selesai nih, dan masih ada tahapan lagi yaitu membuat route untuk jalur restapi request kita.

Seperti cara diatas yaitu, buat folder routes dan tambahkan file peserta.routes.js dan tulis kode berikut ini, untuk routes peserta

Kita menggunakan findAll, findOne untuk menamukan semua data dan menampilkan data berdasarkan ID. dari kode diatas kalian juga akan menyertakan load controller peserta karena itu bagian dari komponen peserta yang saling berkaitan. Selesai… sekarang kamu akan menjumpai semuanya pada direktori seperti berikut ini:

Sekarang buka kembali server.js kalian, dan tambahkan route peserta yang kita buat pada artikel tutorial yang pertama.

sehingga kode utuhnya menjadi seperti ini

Gimana..sangat mudah sekali bukan belajar expressjs.. coba jalankan server.js kamu, dengan cara ketik pada git bash

Jika berhasil kamu akan mendapati pesan berikut ini pada git bash kamu. Tapi sebelumnya jangan lupa untuk menjalankan mysql kamu ya.. kalau saya menggunakan XAMPP dan pastikan kamu isi tabel peserta dengan 1 data terlebih dahulu.

dan ini hasil jika RestAPI jika dijalankan pada Postman, yaitu menampilkan semua data.

dan jika menampilkan data berdasarkan ID peserta

Selesai….

Semoga bermanfaat dan ikuti terus artikel kelanjutannya, tetap di initekno.com- situs belajar pemprograman anak bangsa.

Tutorial CRUD RestApi Dengan Expressjs dan MySQL Bagian #1 Membuat Project ExpressJS

Tutorial CRUD RestApi Dengan Expressjs dan MySQL Bagian #2 Menampilkan Data

Tutorial CRUD RestApi Dengan Expressjs dan MySQL Bagian #3 Insert Data

Tutorial CRUD RestApi Dengan Expressjs dan MySQL Bagian #4 Update Data

Tutorial CRUD RestApi Dengan Expressjs dan MySQL Bagian #5 Hapus Data


Tinggalkan Balasan

Alamat email Anda tidak akan dipublikasikan. Ruas yang wajib ditandai *