CRUD İLE EKRANLAR OLUŞTURMA

CRUD İle Uygulama Ekranları Oluşturma

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.

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.

  1. Bir fikrim var Web uygulaması içerisinde Screens paneli açın.
  2. Yeni bir ekran oluşturmak için panelde yer alan New Screen butonuna tıklayın.
  3. Açılan Modal ekranda Crud Wizard sekmesini açın ve Datasource olarak ManageDB, Tablo olarak ise Departman seçimini yapın.
  4. 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. 
  5. 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.
  6. Devamında Options alanında tüm seçenekleri seçili olarak bırakın.
  7. 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.

  1. Şimdi daha önce oluşturmuş olduğumuz Master Screen’i açın. 
  2. Departman ekranını açacak olan menü öğesini seçin. 
  3. Properties panelde yer alan Navigate aksiyonu altında açılacak olan ekranı CRUD ile oluşturduğunuz Departman Liste ekranı ile güncelleyin. 
  4. Şimdi departman Listeleme ekranını açın ve Header’da yer alan menü ikonunu silin.
  5. Ekranda boş bir yere tıklayın.
  6. 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.

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.

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.

  1. Bir fikrim var Web uygulaması içerisinde Screens paneli açın.
  2. Yeni bir ekran oluşturmak için panelde yer alan New Screen butonuna tıklayın.
  3. Açılan Modal ekranda Crud Wizard sekmesini açın ve Datasource olarak ManageDB, Tablo olarak ise Departman seçimini yapın.
  4. 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. 
  5. 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.
  6. Devamında Options alanında tüm seçenekleri seçili olarak bırakın.
  7. 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.

  1. Şimdi daha önce oluşturmuş olduğumuz Master Screen’i açın. 
  2. Departman ekranını açacak olan menü öğesini seçin. 
  3. Properties panelde yer alan Navigate aksiyonu altında açılacak olan ekranı CRUD ile oluşturduğunuz Departman Liste ekranı ile güncelleyin. 
  4. Şimdi departman Listeleme ekranını açın ve Header’da yer alan menü ikonunu silin.
  5. Ekranda boş bir yere tıklayın.
  6. 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.

Dosyalar

Yardımcı kaynaklar

Sözlük