2. Swagger API Aksiyonlarını Uygulama Ekranında Kullanma

Artık Kuika Swagger API içinde tanımlı olan aksiyonları uygulamanıza ekleyebilir ve çeşitli ekranlarda kullanabilirsiniz. Bu örnekte, ürün stoklarının listelendiği bir tablo ekranı oluşturacağız.

  1. Liste Ekranı Oluşturma: Ürün stoklarını göstermek için bir liste ekranı hazırlayın.some text
    • UI Design modülündeki Elements panelinden bir Table elementi ekleyin ve ekrana sürükleyip bırakın.
  • Tablonun sütunlarını anlamlı bir şekilde isimlendirin. Örneğin: ID, Stok Kod, Ürün Adı, Barkod gibi.
  1. Aksiyon Ekleme - Initial Action: Ürün stok ekranı her açıldığında stok bilgilerini API üzerinden otomatik olarak çekmek için bir Table elementine Initial Action tanımlayın.
  • Sağ kenardaki Properties panelinden +ADD ACTION butonuna tıklayın.
  • Initial Actions > Custom > Datasource yolunu izleyin.
  • Rest başlığı altında bulunan Stok Get Product List From Rest aksiyonunu seçin. Bu aksiyon, API’den ürün stok bilgilerini çeker.
  1. Tablo Veri Kaynağını Bağlama: Aksiyon ile çekilen veriyi liste ekranındaki tabloya bağlamak için tabloyu seçin ve veri kaynağını ayarlayın.some text
    • Tablonun veri kaynağını belirlemek için tabloyu seçin ve sağda açılan Properties paneline gidin.
    • Datasource menüsünden Action başlığı altında Stok Get Product List From Rest aksiyonunu seçin.