Backbone.js - İşleme () yöntemi

ile çalışmanın avantajı MVC çerçevesi uygulamanın farklı alanlarını katmanlara ayırabilmemizdir, modelin ve denetleyicinin uygulamamıza dahili işlevsellik ve mantıksal uygulama kazandırmaktan sorumlu katmanlar olduğunu zaten biliyoruz, ancak görünümün bir parçası. en büyük etkinin yaratıldığı yer, kullanıcının göreceği şeydir.
Görünümü yönetmek için birkaç seçeneğimiz var, bir şablon motorumuz olması gerektiğini biliyoruz, ilginç olan birçok seçenekten birini kullanabilmemiz ve kendimize buna izin vermek için, render () yöntemi şablonu arayacak ve verileri görüntüleyecek olan budur.
Render () yöntemi
Bir şablonun nasıl görüntüleneceğinin mantığını tanımlamamız gerekirse, isteğe bağlı oluşturma () yöntemi.
ÖnemliBu eğitimde kullanacağımız Vurgulamak şablon motoru olarak ve ek olarak aşağıdaki HTML'yi temel alacağız:

Burada nasıl blok yaptığımızı görüyoruz türünün olacağını tanımladığımız metin / şablon ve ekliyoruz bir kimlik şablonu, bu, bilgileri şablon motoruna gönderirken bize yardımcı olacaktır.
işleyen
içinde bir yöntem var Vurgulamak isminde ._şablon bu, şablon kodunu Javascript'te derler ve daha sonra değerlendirip görüntüleyebileceğimiz işlevlere dönüştürür.
Örneğin, bir önceki kod durumunda bir id kullanarak kullanacağı etiketleri ilettiğimiz yönteme id-template, bununla birlikte, ._template yöntemi verileri nereye iade edeceğinizi zaten biliyorsunuz.
Sonra o render () yöntemi yöntemi kullanarak şablona veri ileterek şablonu kullanır toJSON () bu, bir şekilde, görünümle ilişkilendirdiğimiz modelin özelliklerini çevirir. Ardından şablon, somut HTML'yi döndürür ve onu DOM ağacı kullanılarak belgenin mülk $.

Bu çok fazla iş gibi gelebilir, ancak her şey şablon motoruyla birlikte çerçeve tarafından gerçekten yapılır, bu nedenle müdahalemiz, tüm bunları sizin yardımınız olmadan yapmamız gerektiğinden çok daha basittir.

Kullanım Örnekleri
Katılmamız gereken bir sözleşme var. bunu iade et yöntemin sonunda render (), Bu, görünümleri diğer görünümlerde yeniden kullanılabilir hale getirmemize ve ayrıca tek tek değil, tüm öğeler mevcut olduğunda çizilecek öğelerin listelerini oluşturmamıza yardımcı olur, böylece bize biraz kaynak tasarrufu sağlar.
Aşağıda bir liste görünümünün nasıl oluşturulacağına dair bir örnek resmi görelim:

Bunu yöntem içinde görüyoruz. render () bunu mülke eklemek için kullanıyoruz $, modelin içeriği ve ardından tüm bunları bunu iade et.
Uygulaması oldukça basit, ancak bu listeyi diğer ana görünümler içinde bir alt görünüm olarak bile kullanmamıza izin vereceğinden çok yararlı.
Yöntemi bilerek öğreticiyi bitiriyoruz render () ve yeniden kullanılabilir görünümleri tanımlarken büyük önemi.Bu Eğitimi beğendiniz ve yardım ettiniz mi?Yazara olumlu puan vermek için bu düğmeye basarak yazarı ödüllendirebilirsiniz.