Minimal Example

Contoh isi dalam konfigurasi JSON baik di developer mode atau pada direktori "\saba_framework\pageAttributes\playground\dataMahasiswa.json" seperti ini:

{
  "pageType": "crud",
  "pageTitle": "Mahasiswa",
  "crudOpt": {
    "endpointName": "https://globaldata-api.insaba.co.id/demoMahasiswa",
    "detailFromGrid": true
  }
}

Maka hasil pada browser aplikasi akan seperti ini:

Saba Framework otomatis mengubah response dari sumber data aplikasi server menjadi tabel secara dinamis.

Response dari sumber data api "https://globaldata-api.insaba.co.id/demoMahasiswa" seperti ini:

Dengan konfigurasi JSON tersebut, fungsionalitas CRUD pada aplikasi dapat berjalan dengan lancar. Hal ini karena sumber data berasal dari backend aplikasi yang dibangun menggunakan Saba Framework versi Python, sehingga kompatibel dengan Saba Framework versi React yang digunakan di sini. Kompatibilitas ini terjadi karena pola endpoint dan respons status dari sumber data sesuai dengan yang dijelaskan pada halaman Endpoint Pattern.

Kamu dapat melihat contoh lebih rinci lainnya di halaman Examples.

Jika backend aplikasi kamu tidak menggunakan Saba Framework versi Python, tidak perlu khawatir karena kamu tetap dapat menyesuaikan pola endpoint serta kustomisasi kunci ID pada properti-properti yang diberikan. Penjelasan rinci kustomisasi endpoint ini bisa kamu baca di halaman Custom Endpoint.