BackboneJS - Uygulamalar

BackboneJS, web uygulamalarına iş mantığını ve kullanıcı arabirimi mantığını ayırmaya izin veren bir yapı sağlar. Bu bölümde, kullanıcı arayüzlerini uygulamak için BackboneJS uygulamasının mimari tarzını tartışacağız. Aşağıdaki şema BackboneJS'nin mimarisini göstermektedir -

BackboneJS'nin mimarisi aşağıdaki modülleri içerir -

  • HTTP İsteği
  • Router
  • View
  • Events
  • Model
  • Collection
  • Veri kaynağı

Şimdi tüm modülleri ayrıntılı olarak tartışalım.

HTTP İsteği

HTTP istemcisi, web tarayıcılarının, arama motorlarının vb. HTTP istemcileri gibi davrandığı bir sunucuya istek mesajı biçiminde bir HTTP isteği gönderir. Kullanıcı, HTTP istek protokolünü kullanarak belgeler, resimler vb. Gibi bir dosya ister. Yukarıdaki diyagramda, HTTP istemcisinin, istemci isteğini göndermek için yönlendiriciyi kullandığını görebilirsiniz.

Yönlendirici

İstemci tarafındaki uygulamaları yönlendirmek için kullanılır ve bunları URL'leri kullanarak eylemlere ve olaylara bağlar. Uygulamanın nesnelerinin URL temsilidir. Bu URL, kullanıcı tarafından manuel olarak değiştirilir. URL, omurga tarafından kullanılır, böylece kullanıcıya hangi uygulama durumunun gönderileceğini veya sunulacağını anlayabilir.

Yönlendirici, görünüme ulaşmak için URL'leri kopyalayabilen bir mekanizmadır. Yönlendirici, web uygulamaları, uygulamadaki önemli konumlar için bağlanabilir, yer imlerine eklenebilir ve paylaşılabilir URL'ler sağladığında gereklidir.

Yukarıdaki mimaride, yönlendirici Görünüme bir HTTP isteği gönderiyor. Bir uygulama yönlendirme özelliğine ihtiyaç duyduğunda kullanışlı bir özelliktir.

Görünüm

BackboneJS görünümleri, uygulamamızdan nasıl ve neyin görüntüleneceğinden sorumludur ve uygulama için HTML işaretlemesi içermezler. Model verilerinin kullanıcıya sunumunun arkasındaki bir fikri belirtir. Görünümler, "veri modelinizin nasıl göründüğünü" yansıtmak için kullanılır.

Görünüm sınıfları HTML ve CSS hakkında hiçbir şey bilmez ve her görünüm, tüm sayfayı yeniden yüklemeden model değiştiğinde bağımsız olarak güncellenebilir. DOM'daki kullanıcı arayüzünün mantıksal parçasını temsil eder.

Yukarıdaki mimaride gösterildiği gibi, Görünüm, Yönlendirici kullanılarak yapılan kullanıcı talebi için yanıtın görüntülenmesinden sorumlu olan kullanıcı arayüzünü temsil eder.

Etkinlikler

Etkinlikler, herhangi bir uygulamanın ana parçalarıdır. Kullanıcının özel olaylarını bir uygulamaya bağlar. Herhangi bir nesneye karıştırılabilirler ve özel olayları bağlayıp tetikleyebilirler. Seçtiğiniz istediğiniz adı kullanarak özel olayları bağlayabilirsiniz.

Tipik olarak olaylar, program akışlarıyla eşzamanlı olarak işlenir. Yukarıdaki mimaride, bir olayın ne zaman gerçekleştiğini görebilirsiniz, bu Görünüm'ü kullanarak modelin verilerini temsil eder.

Modeli

Verileri alan ve dolduran JavaScript uygulamasının kalbidir. Modeller, bir uygulamanın verilerini, verilerin mantığını içerir ve çerçevedeki temel veri nesnesini temsil eder.

Modeller, bazı iş mantığı ve iş doğrulamalarına sahip iş varlıklarını temsil eder. Esas olarak veri depolama ve iş mantığı için kullanılırlar. Modeller veri depolama alanından alınabilir ve kaydedilebilir. Bir Model, Yönlendiriciyi kullanarak View tarafından iletilen Olaylardan HTTP talebini alır ve veritabanındaki verileri senkronize eder ve yanıtı istemciye geri gönderir.

Toplamak

Bir Koleksiyon, koleksiyonda model değiştirildiğinde olayları bağlayan bir model kümesidir. Koleksiyon, döngüde işlenebilen ve sıralama ile filtrelemeyi destekleyen bir model listesi içerir. Bir koleksiyon oluştururken, o koleksiyonun özellikler örneğiyle birlikte ne tür bir modele sahip olacağını tanımlayabiliriz. Bir modelde tetiklenen herhangi bir olay, modeldeki koleksiyonda da tetiklenecektir.

Ayrıca isteği görünümden alır, olayları bağlar ve verileri istenen verilerle senkronize eder ve yanıtı HTTP istemcisine geri gönderir.

Veri kaynağı

Bir sunucudan bir veritabanına kurulan bağlantıdır ve istemciden talep edilen bilgileri içerir. BackboneJS mimarisinin akışı aşağıdaki adımlarda gösterildiği gibi tanımlanabilir -

  • Bir Kullanıcı, uygulamaları URL'leri kullanarak olaylara yönlendiren yönlendiriciyi kullanarak verileri ister.

  • Görünüm, modelin verilerini kullanıcıya gösterir.

  • Model ve koleksiyon, özel olayları bağlayarak veritabanından verileri alır ve doldurur.

Bir sonraki bölümde, BackboneJS'deki Olayların önemini anlayacağız.