Backbone.js - Modelli

Il modello è la base della struttura della nostra applicazione, nel caso di Backbone.js, il modello rappresenterà un'astrazione di ciò che vogliamo catturare sulla nostra pagina.
Per questo abbiamo una struttura che contiene attributi e ognuno di questi conterrà valori diversi, così possiamo formare singoli oggetti che condividono una base comune.
Nel Backbone.js Per lavorare con questi oggetti e utilizzare i loro attributi abbiamo due metodi chiave, il ottenere e il impostato, il primo ci aiuta ad ottenere il valore già dichiarato e il secondo a stabilire detto valore.
Struttura del modello
La struttura per la creazione di un modello in Backbone.js è abbastanza semplice, la prima cosa che dobbiamo fare è definire una variabile che sarà quella che conterrà la definizione del modello, questa definizione è data facendo un esempio di Backbone.Model.extend.
RicordareRicorda che dobbiamo avere un HTML con la libreria Backbone.js incluso in modo da poter eseguire gli esempi nel Console per sviluppatori Chrome.
Vediamo un esempio in cui il codice che dovrebbe avere il nostro HTML dovrebbe essere simile a questo:

 Titolo 

Vediamo il codice corrispondente nell'immagine seguente:

Come abbiamo osservato, prima dichiariamo il nostro modello, poi lo istanziamo e infine ne stampiamo il contenuto, ma in questo caso è vuoto perché non abbiamo ancora incorporato nulla.
Metodo Set()
Con il metodo set() Possiamo incorporare i dati corrispondenti al nostro modello, ma per questo incorporeremo prima i valori iniziali delle nostre istanze, in questo modo avremo una struttura a cui assegnare i valori corrispondenti.
Vediamo come possiamo creare un modello con i dati iniziali e poi facciamo un impostato() per assegnare un valore:

Come possiamo vedere, ci è voluto un po' più di lavoro e codice, ma quando stabiliamo la struttura nel modello, le nostre istanze lo hanno automaticamente e quando facciamo il impostato() possiamo dare ad ogni attributo un valore.
Get() metodo
Dato che non avremo sempre bisogno di stampare tutto il contenuto di un oggetto, probabilmente avremo bisogno solo di uno o due attributi a seconda della situazione, abbiamo il metodo get(), questo metodo ci permette di ottenere il valore dell'attributo.
Per usare il get() metodo faremo semplicemente la sua chiamata dall'istanza e come parametro gli passeremo l'attributo che vogliamo ottenere.
Vediamone un esempio nell'immagine seguente:

Qui possiamo vedere due cose, la prima è il funzionamento del nostro get() metodo, Abbiamo ottenuto il valore dell'attributo content del modello e il secondo è che possiamo mantenere una persistenza di ciò che stiamo facendo nella nostra console, questo è molto importante poiché è ciò che ci consente di eseguire i test corrispondenti che abbiamo visto .
Alla fine di questo tutorial potremmo vedere come creare un modello in Backbone.js così come i diversi metodi che ci consentono di gestirlo all'interno della nostra applicazione.Ti è piaciuto e hai aiutato questo Tutorial?Puoi premiare l'autore premendo questo pulsante per dargli un punto positivo