Backbone.js - Render () -metode

Fordelen med å jobbe med en MVC -rammeverk er at vi kan skille de forskjellige områdene av applikasjonen i lag, vi vet allerede at modellen og kontrolleren er lagene som er ansvarlige for å gi den interne funksjonaliteten og logiske implementeringen til applikasjonen vår, men det er i delen av visningen hvor den største virkningen skapes, da det er hva brukeren vil se.
For å styre visningen har vi flere alternativer, vi vet at vi må ha en malmotor, det interessante er at vi kan bruke ett av de mange alternativene, og for å tillate oss dette har vi render () metode som er den som vil kalle malen og vise dataene.
Render () -metoden
Hvis vi trenger å definere logikken for hvordan vi viser en mal, kan vi bruke valgfri gjengivelsesmetode ().
ViktigI denne opplæringen skal vi bruke Understrek som en malmotor, og i tillegg skal vi ta følgende HTML som en base:

Her ser vi hvordan vi lager en blokk som vi definerer at dens type vil være tekst / mal og vi legger til en id-mal, dette vil hjelpe oss når vi sender informasjonen til malmotoren.
Fungerer
Det er en metode i Understrek kalt ._mal som kompilerer malkoden til Javascript og forvandler den til funksjoner som vi deretter kan evaluere og vise.
For eksempel til metoden vi sender etikettene som den vil bruke ved bruk av en id i tilfelle den forrige koden, er id-malen, med denne ._template -metode du vet allerede hvor du skal returnere dataene.
Så han render () metode bruker malen ved å sende data til den ved hjelp av metoden tilJSON () som på en eller annen måte oversetter attributtene til modellen som vi har knyttet til utsikten. Deretter returnerer malen den konkrete HTML -en, og vi legger den til DOM -tre av dokumentet ved hjelp av eiendom $ the.

Dette kan høres ut som mye arbeid, men alt er virkelig gjort av rammeverket sammen med malmotoren, så intervensjonen vår er mye enklere enn om vi måtte gjøre alt dette uten din hjelp.

Eksempler på bruk
Det er en konvensjon der vi må returner dette på slutten av metoden gjengi (), Dette hjelper oss med å gjøre visninger gjenbrukbare i andre visninger og også til å lage lister over elementer som vil bli tegnet når alle elementene er tilstede og ikke ett etter ett, og sparer oss dermed for litt ressurser.
La oss se nedenfor et bilde av et eksempel på hvordan du bygger en listevisning:

Vi ser det innenfor metoden gjengi () vi bruker dette til å legge til eiendommen $ den, innholdet i modellen, og så kan vi returnere alt dette med returner dette.
Ganske enkelt å implementere, men veldig nyttig siden dette vil tillate oss å bruke denne listen, selv som en undervisning i andre overordnede visninger.
Vi fullfører opplæringen og kjenner metoden gjengi () og dens store betydning når du definerer synspunkter som kan gjenbrukes.Likte og hjalp du denne opplæringen?Du kan belønne forfatteren ved å trykke på denne knappen for å gi ham et positivt poeng