Backbone.js - Modeller

NS model durumunda, uygulamamızın yapısının temelidir. Backbone.js, model, sayfamızda yakalamak istediğimiz şeyin bir soyutlamasını temsil edecektir.
Bunun için öznitelikleri içeren bir yapımız var ve bunların her biri farklı değerler içerecek, böylece ortak bir temeli paylaşan bireysel nesneler oluşturabiliriz.
İçinde Backbone.js Bu nesnelerle çalışmak ve niteliklerini kullanmak için iki temel yöntemimiz var: elde etmek ve ayarlamak, ilki zaten beyan edilen değeri elde etmemize ve ikincisi söz konusu değeri belirlememize yardımcı olur.
Model yapısı
Bir model oluşturmak için yapı Backbone.js oldukça basit, yapmamız gereken ilk şey, modelin tanımını içerecek olan bir değişken tanımlamaktır, bu tanım bir misal nın-nin Backbone.Model.extend.
UnutmaKütüphaneyle birlikte bir HTML'ye sahip olmamız gerektiğini unutmayın. Backbone.js örnekleri çalıştırabilmemiz için dahil edilmiştir. Chrome geliştirici konsolu.
HTML'mizin sahip olması gereken kodun buna benzer olması gereken bir örnek görelim:

 Başlık 

Aşağıdaki resimde karşılık gelen kodu görelim:

Gözlemlediğimiz gibi, önce modelimizi ilan ediyoruz, sonra onu somutlaştırıyoruz ve sonunda içeriğini yazdırıyoruz, ancak bu durumda boş çünkü henüz içine hiçbir şey dahil etmedik.
() yöntemini ayarla
İle set () yöntemi Karşılık gelen verileri modelimize dahil edebiliriz ancak bunun için önce instance'larımızın başlangıç ​​değerlerini dahil edeceğiz, bu şekilde karşılık gelen değerleri atayacağımız bir yapıya sahip olacağız.
İlk verilerle nasıl bir model oluşturabileceğimizi görelim ve sonra bir ayarlamak() bir değer atamak için:

Görüldüğü gibi biraz daha fazla çalışmamız ve kod yazmamız gerekti ama modeldeki yapıyı kurarken instance'larımızda otomatik olarak oluyor ve bunu yaptığımızda ayarlamak() her özniteliğe bir değer verebiliriz.
() yöntemini al
Her zaman bir nesnenin tüm içeriğini yazdırmamız gerekmeyeceğinden, duruma bağlı olarak muhtemelen sadece bir veya iki niteliğe ihtiyacımız olacak, get() yöntemimiz var, bu yöntem özelliğin değerini elde etmemizi sağlıyor.
kullanmak için () yöntemini al çağrısını örnekten yapacağız ve bir parametre olarak elde etmek istediğimiz özniteliği ileteceğiz.
Aşağıdaki resimde bunun bir örneğini görelim:

Burada iki şey görebiliyoruz, ilki bizim operasyonumuz. get() yöntemi, Modelin content özniteliğinin değerini elde ettik ve ikincisi, konsolumuzda yaptığımız şeyin kalıcılığını koruyabilmemizdir, bu çok önemlidir, çünkü gördüğümüz ilgili testleri yapmamızı sağlayan şeydir. .
Bu öğreticinin sonunda, bir modelin nasıl oluşturulacağını görebiliriz. Backbone.js uygulamamız içinde işlememize izin veren farklı yöntemlerin yanı sıra.Bu Eğitimi beğendiniz ve yardım ettiniz mi?Yazara olumlu puan vermek için bu düğmeye basarak yazarı ödüllendirebilirsiniz.