Blogs

SAPUI5 Veri Bağlama (Data Binding): Türler ve Kullanım Rehberi

SAPUI5 veri bağlama (data binding), kullanıcı arayüzü (UI) ile iş mantığı çerçevesindeki veri modeli arasında canlı bir bağlantı kurarak verilerin otomatik olarak senkronize edilmesini sağlayan mekanizmadır. SAP Fiori uygulamalarının temelini oluşturan SAPUI5 frameworkü, farklı binding türlerini destekleyerek geliştiricilere esnek ve güçlü bir veri yönetim katmanı sunar.

Bu blog yazımızda SAPUI5'taki veri bağlama türleri nelerdir, hangi durumlarda hangi veri bağlama türünü tercih etmeliyiz gibi soruların cevaplarını arayacağız. Eğer kullanılan modelde çeşitli verilere sahipsek, onu kullanıcı arayüzünde nasıl görüntüleyebiliriz?

Bağlama yöntemleri nelerdir?

SAPUI5'te temel olarak 3 farklı bağlama yöntemi vardır:

  • One-way binding (Tek yönlü bağlama)
  • Two-way binding (İki yönlü bağlama)
  • One-time binding (Tek seferlik bağlama)

One-way binding

Tek yönlü bağlama, modelden görünüme bağlama anlamına gelir; ön taraftan yapılan herhangi bir değişiklik modeli etkilemez, tüm veri değişiklikleri yalnızca kontrollere yansıtılır.

Two-way binding

İki yönlü bağlama, modelden görünüme ve görünümden modele bağlama anlamına gelir; ön taraftan yapılan tüm değişiklikler modele ve veri tabanına yansıtılır. Modelde ve görünümde yapılan değişiklikler sırasıyla tüm bağlamaları, görünümü ve modeli günceller.

One-time binding

Tek seferlik bağlama, modelden görünüme tek seferlik bağlama anlamına gelmektedir. Tek seferlik bağlantıdan sonra tekrar bağlantı kurulmaz.

Aşağıdaki tabloda bahsettiğimiz bağlama türlerinin hangi modellerde desteklendiğini görüntüleyebiliriz.

SAPUI5 veri bağlama türleri

Veri bağlama türleri nelerdir?

  • Element binding
  • Property binding
  • Aggregation binding
  • Expression binding

Element Binding

Element bağlama, bir ebeveyne göre tüm çocukların göreceli bağlanmasına izin verir. Bu sayede alt kontroller için tam yolu ayrı ayrı belirtmek gerekmez.

SAPUI5 element binding

Property Binding

Özellik bağlama, kontrol ile model arasında basitçe bağlamadır. Verilerin otomatik olarak başlatılmasına ve güncellenmesine olanak sağlar.

SAPUI5 property binding

Aggregation Binding

Verilerimizi tablo veya liste biçiminde göstermek istiyorsak aggregation bağlama kullanabiliriz. Bu örnekte verileri bağlamak için List kontrolünün items özelliğini kullanıyoruz.

SAPUI5 aggregation binding

Expression Binding

Model verilerimiz üzerinde bir miktar hesaplamaya veya bir çeşit karşılaştırmaya ihtiyacımız varsa, ifade bağlama kullanmak yararlıdır.

SAPUI5 expression binding

Modeller ve veri bağlama, iki veri veya bilgi kaynağını bağlamak ve verileri senkronize etmek için SAPUI5 uygulamalarında kullanılmaktadır. SAPUI5 uygulamaları farklı model türlerini desteklemektedir. JSON modeli XML modellerine göre çok daha iyi bir performans sağladığı için kullanımı daha çok tercih edilmektedir.

Yeni içeriklerimizden haberdar olmak için blog sayfamızı takip edebilirsiniz. SAP Fiori ve SAPUI5 hakkında daha fazla bilgi için SAP Fiori nedir yazımızı da inceleyebilirsiniz.

SAPUI5 Veri Bağlama: Performans ve Mimari Perspektifi

SAPUI5 veri bağlama mekanikasını doğru anlamak, özellikle karmaşık SAP Fiori uygulamalarında kritik önem taşır. JSON Model ile OData Model arasındaki seçim, binding stratejisini doğrudan etkiler. OData modeli sunucu taraflı veri yönetimi sunarken JSON modeli istemci tarafında tüm verinin saklandığı senaryolarda üstün performans gösterir.

Two-way binding dikkatli kullanılmalıdır: kullanıcının yaptığı her değişiklik anında modele yansıdığından, aşırı sayfa yenileme veya istek yükü doğabilir. Bunun yerine form-based uygulamalarda one-way binding ile manuel refresh tercih edilebilir. SAP’nin resmi SAPUI5 dökümantasyonu binding mimarisi hakkında kapsamlı referans materyali sunmaktadır. SAP Fiori genel mimarisini anlamak için SAP Fiori konseptler ve en iyi uygulamalar yazımız da faydalı bir başlangıç noktası sunmaktadır.

Sıkça Sorulan Sorular

SAPUI5’te hangi binding türü ne zaman kullanılmalıdır?

Read-only veri gösterimi için one-way binding idealdir; form bazlı uygulamalarda kullanıcı girişleri modele yansıtılacaksa two-way binding tercih edilir. One-time binding ise sayfa yüklenirken bir kez çekilen ve sonradan değişmeyen statik referans verileri (dropdown listeleri, ülke listesi gibi) için en performanslı seçenektir.

JSON Model ile OData Model arasındaki fark nedir?

JSON Model tüm veriyi istemci tarafında bellekte tutar; hızlı filtreleme ve sıralama sunar ancak büyük veri setlerinde bellek kullanımı yükselebilir. OData Model ise sunucu tarafında veri okur, sayfalama ve lazy loading desteği ile büyük veri setleri için daha uygundur. SAP S/4HANA ve SAP BTP projesinde OData V4 tercihi hızla yaygınlaşmaktadır.

Expression binding ne tür hesaplamalar için kullanılabilir?

Expression binding, model değerlerine dayalı koşullu görünmlük (visible=”{= ${price} > 100}”), renk/simge değişimi ve metin birleştirme gibi senaryolarda kullanılabilir. Karmaşık iş mantığı gerektiren hesaplamalar için ise formatter fonksiyonları tercih edilmesi önerilir.

Referanslar

SAPUI5 Resmi Dokümantasyonu
SAPUI5’i Tanıyalım — MDP Group
SAP Fiori Konseptler ve En İyi Uygulamalar — MDP Group


Benzer
Bloglar

Mailiniz başarıyla gönderilmiştir en kısa sürede sizinle iletişime geçilecektir.

Mesajınız ulaştırılamadı! Lütfen daha sonra tekrar deneyin.