Innholdsfortegnelse
De modell er grunnlaget for strukturen i søknaden vår, i tilfelle av Backbone.js, vil modellen representere en abstraksjon av det vi ønsker å fange på siden vår.For dette har vi en struktur som inneholder attributter, og hver av disse vil inneholde forskjellige verdier, slik at vi kan danne individuelle objekter som deler en felles base.
I Backbone.js For å jobbe med disse objektene og bruke attributtene deres har vi to viktige metoder, få og sett, den første hjelper oss med å skaffe verdien som allerede er deklarert, og den andre til å etablere den nevnte verdien.
Modellstruktur
Strukturen for å lage en modell i Backbone.js er ganske grei, er det første vi må gjøre å definere en variabel som vil være den som vil inneholde definisjonen av modellen, denne definisjonen er gitt ved å lage en forekomst av Backbone.Model.extend.
HuskeHusk at vi må ha en HTML med biblioteket Backbone.js inkludert slik at vi kan kjøre eksemplene i Utviklerkonsoll for Chrome.
La oss se et eksempel der koden HTML -en vår skal ha, skal være lik denne:
Tittel
La oss se den tilsvarende koden i følgende bilde:
Sett () -metoden
Med set () -metoden Vi kan inkorporere de tilsvarende dataene i modellen vår, men for dette skal vi først inkorporere de opprinnelige verdiene til forekomstene våre, på denne måten vil vi ha en struktur for å tildele de tilsvarende verdiene.
La oss se hvordan vi kan lage en modell med innledende data, og så gjør vi en sett() for å tildele en verdi:
Get () -metode
Siden vi ikke alltid trenger å skrive ut alt innholdet i et objekt, trenger vi sannsynligvis bare ett eller to attributter avhengig av situasjonen, vi har metoden get (), denne metoden lar oss få verdien av attributtet.
For å bruke get () -metoden vi kommer rett og slett til å ringe fra forekomsten, og som parameter skal vi sende den attributtet vi ønsker å oppnå.
La oss se et eksempel på det i følgende bilde:
På slutten av denne opplæringen kunne vi se hvordan vi lager en modell i Backbone.js så vel som de forskjellige metodene som lar oss håndtere det i applikasjonen vår.Likte og hjalp du denne opplæringen?Du kan belønne forfatteren ved å trykke på denne knappen for å gi ham et positivt poeng