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 !