CRUD ile Ekran Oluşturma ve Veri Bağlama

Kuika, CRUD ile veritabanınızda yer alan bir veri tablosuna bağlı Create (Oluştur), Read (Oku), Update (Güncelle) ve Delete (Sil) ekranlarını birkaç tıkla oluşturabilmenize olanak sağlamaktadır. CRUD ile oluşturulan ekranlarda tüm veri bağlama işlemleri otomatik olarak yapılır. Bu açıdan hem ekran oluşturma hem de veri bağlantısı sebebiyle uygulama geliştirme süreçlerinde size zaman tasarrufu sağlamaktadır.

Bu öğrenme içeriğinde Department ve Title veri tablosunu kullanarak CRUD aracılığıyla departman ve ünvan ile ilgili ekranları birlikte oluşturacağız. Hadi başlayalım!

CRUD ile ekran oluşturmak için UI Design modülünde Screens panelini açın. Panelde bulunan + ikonuyla New Screen Modal ekranını açın.

Açılan ekranda solda bulunan menü aracılığıyla CRUD Wizard'a tıklayın.

Datasource olarak Managed DB ve Table olarak Department seçimini yapın.

Screen type başlığı karşısından Drawer seçimini yapın.

Layout Design bölümünde herhangi bir düzenleme yapmanıza gerek yok. Ardından Options bölümünde tüm seçenekleri aktif hale getirin.

CREATE butonuna tıklayarak CRUD ile ekran oluşturmayı tamamlayın.

1 dakikadan kısa süre içinde Departman ekleme, listeleme ve görüntüleme ekranlarını oluşturdunuz. Oluşturduğunuz ekranları artık Screens panelinde görüntüleyebilirsiniz.  

Oluşturulan Department Form ve Department View ekranları üzerinde artık herhangi bir işlem yapmanız gerekmiyor.

Sadece Department List ekranında yer alan Header'ı uygulamada yer alan diğer Header'lar ile aynı yapmanız bütünlük sağlayacaktır. Bunun için ilk olarak Department List ekranında Header içinde yer alan Row'u silin.

Ardından Dashboard ekranını açın. Dashboard ekranında Header içinde yer alan Row'u seçin ve Context menü aracılığıyla kopyalayın. Department List ekranını açın. Header'a tıklayın ve Context menü aracılığıyla yapıştırın.

Header’da yer alan sayfa ismini Label üzerine çift tıklayarak Department list olarak değiştirin.

İşte bu kadar! Departman işlemleri için gerekli olan ekranlarınız hazır.

Şimdi Title veri tablosunu kullanarak CRUD Wizard ekranları aracılığıyla unvan ekleme ve güncelleme, unvan listesini görme ve unvan detayları ekranlarını hızlı bir şekilde oluşturalım. Oluşturma işlemini gerçekleştirirken yukarıda izlediğimiz adımları tekrardan kullanacağız.

Screens panelinde bulunan + ikonuyla New Screen Modal ekranını açın.

Açılan ekranda sol kenarda bulunan CRUD Wizard'ı seçin.

Ardından açılan ekranda Datasource olarak Managed DB ve Table olarak Title seçimini yapın.

Screen type başlığı karşısından Drawer seçimini yapın.

Layout Design bölümünde herhangi bir düzenleme yapmanıza gerek yok. Ardından Options bölümünde tüm seçenekleri aktif hale getirin.

CREATE butonuna tıklayarak CRUD ile ekranları oluşturmayı tamamlayın.

Oluşturulan Title Form ve Title View ekranları üzerinde artık herhangi bir işlem yapmanız gerekmemektedir.

Bu noktada Title List ekranında yer alan Header'ı uygulamada yer alan diğer Header'lar ile aynı yapmanız bütünlük sağlayacaktır. Bunun için ilk olarak Title List ekranında Header içinde yer alan Row'u silin.

Ardından Dashboard ekranını açın. Dashboard ekranında Header içinde yer alan Row'u seçin ve Context menü aracılığıyla kopyalayın. Title List ekranına geçin. Header'a tıklayın ve Context menü aracılığıyla yapıştırın.

Header’da yer alan sayfa ismini Label üzerine çift tıklayarak Title list olarak değiştirin.

İşte bu kadar!

Ekranlarınız neredeyse hazır. Son olarak LeftMenu isimli ekrana yeni oluşturduğunuz Department List ve Title List ekranını ekleyin ve gerekli yönlendirmeyi sağlayın.

Left Menu ekranında bulunan New Employee öğesinin bulunduğu Row'u seçin ve Duplicate ile çoğaltın.

Çoğalttığınız öğenin ikonunu Properties panelinde, Icon aracılığıyla yeni bir ikon seçerek değiştirin. Label elementini seçin Properties panelinden Department List olarak yazıyı değiştirin. Ardından Navigasyon aksiyonundaki ilgili işlemleri tamamlayın. To Screen parametresinde yer alan açılacak Department List ile değiştirin ve ardından Open as altından Current seçimini yapın.

Aksiyonu kaydetmek için Close butonuna tıklayın. Aksiyon otomatik olarak kaydedilir.

Daha sonra oluşturduğunuz Department List menü öğesinin bulunduğu Row'u seçin ve yeniden bir Duplicate işlemi ile çoğaltın.

Çoğalttığınız bu menü öğesi için de Title List ekranına gidecek şekilde ikon değişimini, yazı değişimini ve navigasyon aksiyonu işlemindeki ilgili işlemleri uygulayın. Ve artık uygulamanız hazır.