İçindekiler
Backbone.js MVC yapısına dayanmaktadır, ayrıca Modeller, ayrıca var GörüntülemeBu yazılım yapı mimarisinin felsefesine göre, görünümler, yapılan talebe bağlı olarak denetleyici ve model arasında oluşturulan verileri kullanıcıya gösterme sorumluluğuna sahip olanlardır.İçinde Backbone.js bu biraz farklı çalışır, görünüm, kullanıcının doğrudan gördüğü öğeleri içermez, bunun yerine verileri bir şablon motoru aracılığıyla iletir.
Backbone.js'deki Görünümler
İçinde Backbone.js Bu tür görünümler, uygulamamızın kullanıcısına gösterilebilecek HTML dilini içermez, aksine modeli kullanarak geliştirdiğimiz uygulamanın ön kısmının çalışmasını oluşturmamıza izin verecek mantığı içerir. bir taban, yani modelde sahip olduğumuz şey, onu görünümde manipüle edeceğiz, böylece iki eylem düzeyine sahip olacağız.
Verileri görüntülemek için kullanacağız render () yöntemi Bu bizim görüşümüzden verileri bir şablona geçirmemize izin verir, söz konusu şablon bazı motorlarda yerleşiktir. JavaScript şablonları Örneğin: Alt çizgi, Bıyık, Jquery-tpml, vb..
Oluşturmayı Görüntüle
NS bir görünüm oluştur Oldukça doğrudan bir süreç izliyoruz ve bir modelin yaratılmasına benzer şekilde, yalnızca genişletmemiz gereken görüşü oluşturmak için Omurga.Görünüm, bunun bizim üzerinde çalıştırdığımızda nasıl davrandığını görelim. krom konsol kitaplıklarıyla bir HTML dosyası kullanarak Backbone.js, jsquery Y vurgulamak zaten yüklendi.
Öncelikle konsolumuza yerleştireceğimiz kodu görelim:
var TodoView = Backbone.View.extend ({tagName: 'li', // Şablon işlevini tek bir öğe için önbelleğe alın. todoTpl: _.template ("Bir Örnek Şablon"), olaylar: {'dblclick label ':' edit ',' tuşa basma .edit ':' updateOnEnter ',' blur .edit ':' kapat '}, // Öğe etiketinin başlıklarını yeniden oluştur. render: function () {bu. $ el.html (this.todoTpl ( this.model.toJSON()); this.input = this.$ ('.edit'); bunu döndür;}, edit: function () {// Yapıldığında çalıştırılır} etiketine çift tıklayın, kapatın : function () {// odak öğeden kaldırıldığında yürütülür}, updateOnEnter: işlev (e) {// düzenleme modundayken bir tuşa basıldığında yürütülür, // ancak, girilene kadar bekleyin harekete geçmek için basılır}}); Gördüğümüz gibi, işlemi yaptıktan sonra uzatmak buna karşılık, görüşümüzün çalışmasını sağlayacak bir dizi özniteliği başlatıyoruz, ayrıca nasıl çalıştığını bilmemiz için yorumları her bir öğeye yerleştiriyoruz.
Şimdi view dediğimizde ne oluyor konsolda bakalım:
Bununla, bir MVC uygulamasında görünümlerin oluşturulmasına karşılık gelen şeyde bir adım ileri attığımız bu öğreticiyi sonlandırıyoruz. Backbone.js.Bu Eğitimi beğendiniz ve yardım ettiniz mi?Yazara olumlu puan vermek için bu düğmeye basarak yazarı ödüllendirebilirsiniz.
