Indholdsfortegnelse
Det model er grundlaget for strukturen i vores ansøgning, i tilfælde af Backbone.js, vil modellen repræsentere en abstraktion af, hvad vi vil fange på vores side.Til dette har vi en struktur, der indeholder attributter, og hver af disse vil indeholde forskellige værdier, så vi kan danne individuelle objekter, der deler en fælles base.
I Backbone.js For at arbejde med disse objekter og bruge deres attributter har vi to nøglemetoder, få og sæt, den første hjælper os med at opnå den værdi, der allerede er deklareret, og den anden til at fastslå værdien.
Modelstruktur
Strukturen til oprettelse af en model i Backbone.js er ganske ligetil, er det første, vi skal gøre, at definere en variabel, der vil være den, der vil indeholde definitionen af modellen, denne definition er givet ved at lave en eksempel af Backbone.Model.extend.
HuskHusk, at vi skal have en HTML med biblioteket Backbone.js inkluderet, så vi kan køre eksemplerne i Chrome udviklerkonsol.
Lad os se et eksempel, hvor koden, som vores HTML skulle have, skal ligne denne:
Titel
Lad os se den tilsvarende kode i følgende billede:
Set () metode
Med set () metode Vi kan inkorporere de tilsvarende data i vores model, men til dette vil vi først inkorporere de oprindelige værdier af vores instanser, på denne måde vil vi have en struktur, som vi kan tildele de tilsvarende værdier til.
Lad os se, hvordan vi kan oprette en model med indledende data, og derefter laver vi en sæt() for at tildele en værdi:
Get () metode
Da vi ikke altid skal udskrive alt indhold i et objekt, har vi sandsynligvis kun brug for en eller to attributter afhængigt af situationen, vi har metoden get (), denne metode giver os mulighed for at opnå værdien af attributten.
At bruge get () metode vi kommer simpelthen til at foretage sit opkald fra forekomsten, og som parameter vil vi videregive den attribut, vi ønsker at opnå.
Lad os se et eksempel på det i følgende billede:
I slutningen af denne vejledning kunne vi se, hvordan man opretter en model i Backbone.js samt de forskellige metoder, der giver os mulighed for at håndtere det inden for vores applikation.Kan du lide og hjælpe denne vejledning?Du kan belønne forfatteren ved at trykke på denne knap for at give ham et positivt punkt