Bu öğrenme içeriğinde Kuika tarafından sunulan CRUD Wizard’ı kullanarak, uygulama içerisinde yer alan Departman ekranlarını birlikte hazırlayacağız. Bu süreçte daha önce oluşturmuş olduğumuz Departman veri tablomuzu kullanacağız.
Hazırsanız başlayabiliriz.
- Bir fikrim var Web uygulaması içerisinde Screens paneli açın.
- Yeni bir ekran oluşturmak için panelde yer alan New Screen butonuna tıklayın.
- Açılan Modal ekranda Crud Wizard sekmesini açın ve Datasource olarak ManageDB, Tablo olarak ise Departman seçimini yapın.
- Form ekran tipini varsayılan olarak gelen Drawer seçiminde bırakın.
İhtiyacınız olan senaryoda Modal veya Current seçimlerinden birini de yapabilirsiniz. - Layout alanında da varsayılan olarak gelen seçenekleri ön tanımlı halleriyle bırakabilirsiniz. Yine bu alanda da ihtiyacınız ve cihaz tipi özelinde seçimleri güncelleyebilirsiniz.
- Devamında Options alanında tüm seçenekleri seçili olarak bırakın.
- Ekran isimlendirmesini güncellemek isterseniz ilgili güncellemeyi sağlayın ve CREATE butonuna tıklayın.
Birkaç saniyelik bir yüklenme süreci sonunda CRUD ekranlar Screens panelinde listelenecektir.
- Şimdi daha önce oluşturmuş olduğumuz Master Screen’i açın.
- Departman ekranını açacak olan menü öğesini seçin.
- Properties panelde yer alan Navigate aksiyonu altında açılacak olan ekranı CRUD ile oluşturduğunuz Departman Liste ekranı ile güncelleyin.
- Şimdi departman Listeleme ekranını açın ve Header’da yer alan menü ikonunu silin.
- Ekranda boş bir yere tıklayın.
- Properties paneli aracılığıyla Master Screen Seçimini yapın.
Bu işlemlerle birlikte, bu öğrenme içeriği kapsamında CRUD ile çalışarak örnek bir ekran tasarımını birlikte hazırladık.
