Backbone.js - Sayfalayıcı

Backbone.Paginator Uygulamalarımızın veri servislerine karşı yapmamız gereken sorguların sonuçlarını sayfalandırmamızı sağlayan ve kullanıcının ilk anda görmesini istediğimizden daha fazla sonuç döndürebilen araçlar, yöntemler ve formlar bütünüdür.

Verileri sayfalayarak gezinmeyi kolaylaştırabilir ve uygulamamızın hızını artırabiliriz, çünkü amaçlarımız için 5000 kaydı istemci tarayıcısına yüklemek aynı 5000'i 100'den 100'e yüklemekle aynı değildir ve bu 100 onları ikiye böler. 10 kayıt sayfasına dönüştürün, bu birçok bilginin daha yönetilebilir görünmesini sağlar.

1. Sayfalandırma Türleri


Nasıl çalışacağımızı belirlemek için Backbone.Paginatorönce şunu bilmeliyiz sayfalama türleri karşılaşabileceğimiz, bu şekilde çözümümüzü geliştirirken nasıl hareket etmemiz gerektiğini belirleyebiliriz:

Bir veri hizmetine istekBu tür sayfalandırma, yalnızca her sayfanın bir web hizmetinden kabul ettiği veri miktarına bakmamıza izin verir, örneğin bir API, sorun, sıra, sorgunun kalıcılığı vb. gibi daha fazla parametre eklediğimizde ortaya çıkar. Ancak, bize verileri sunan sunucudaki işlem gücünü boşaltmak için iyi bir yoldur.

Ekstra istemci tarafı sayfalamaBu sayfalandırma tarzında yaptığımız şey, her sayfanın talep ettiğinden daha büyük bir veri kümesi getirmek, bu şekilde istemci tarafında daha küçük bloklarla sayfalandırma yapabiliriz ve diğer veriler elimizde olduğundan daha fazla hız elde ederiz. bizim gücümüz.

Sonsuz sayfalamaBu sayfalama türü, kullanıcı ilerlediğinde sonuçları yüklememizi sağlar, belirli bir sınırdan sonra daha fazlasını görmek için bir buton koyarız, bu şekilde sayfa sayısı ile sınırlı hissetmez, bu sayfalama tarzı sitede çok görülür. sosyal ağlar Facebook.

2. Backbone.Paginator bize ne sunuyor?


Bize yukarıda açıklanan 3 sayfalandırma stilinden herhangi birine ulaşmamızı sağlayan bir dizi araç sunar, ayrıca aşağıdaki resimde gördüğümüz öğeleri görsel olarak yerleştirmemize yardımcı olur:

BÜYÜT

3. başlatma


Backbone.Paginator bir veri koleksiyonuna uygulanmalıdır, bu da bize farklı sayfalandırma türlerini kapsamak için iki yöntem sunar.

Backbone.Paginator.requestPagerAPI gibi bir veri hizmetine karşı yapabileceğimiz sorguları kapsamak için bu yöntemi kullanıyoruz.

Backbone.Paginator.clientPagerBu yöntemi istemcide ek sayfalama yapmak istediğimizde kullanıyoruz, örneğin API 100 kayıt döndürdü ve bu yöntemle istemcide 10 kayıtlık sayfalara böldük, bu şekilde sayfalar arası geçiş ek sorgulara şartlanmadı .

Gördüğümüz gibi, bu araçlar uygulamalarımızın yapımında oldukça kullanışlıdır, çünkü kullanıcı arayüzünü sadece estetik kısım olarak değil, aynı zamanda hayatı kolaylaştıran işlevselliklere de sahip olacağını düşünebiliriz.

Bu Eğitimi beğendiniz ve yardım ettiniz mi?Yazara olumlu puan vermek için bu düğmeye basarak yazarı ödüllendirebilirsiniz.

Arkadaşlarınızla sayfasını paylaşan sitenin gelişimine yardımcı olacak

wave wave wave wave wave