Ionic 6 CRUD PHP MySQL - CREATE [PDF]

Citation preview

Ionic 6 CRUD PHP MySQL Create Data



Persiapan Node JS versi 18.12.0 NPM versi 18.19.2 Ionic versi 6.20.3



Cek Versi Cek versi Node JS node -v atau node --version Cek versi NPM npm -v atau npm --version Cek versi Ionic ionic -v atau ionic --version



END POINT CREATE



Catatan: perhatikan penulisan query insert data!



Buat Project Baru Untuk membuat project baru bisa mengetikkan sintaks berikut pada terminal/command prompt.



ionic start Pilih Blank Template dan Angular Framework Catatan: tidak perlu untuk membuat akun Ionic



Buat Tampilan Ionic 6



Form Input Data Cari file home.page.html di folder src -> app -> home, kemudian modifikasi seperti kode disamping



Style Cari file home.page.scss di folder src->app->home, kemudian hapus semua kode yang ada di file tersebut.



Buat Service Komunikasi HTTP Install HTTP Service Angular



npm install -g @angular/cli Generate file service



ng g service api



Buat Service Komunikasi HTTP Cari file api.service.ts di folder src -> app -> home, kemudian modifikasi seperti kode berikut:



Buat Service Komunikasi HTTP Cari file app.module.ts di folder src -> app, kemudian modifikasi seperti kode berikut:



Create Cari file home.page.ts di folder src -> app -> home, kemudian modifikasi seperti kode disamping:



Terima Kasih !