Bruk maler med håndtak i Express.js

Bruk av maler har blitt en nødvendighet i verden av webapplikasjoner, dette fordi det hjelper oss å skille programmeringslogikken fra presentasjonen. All denne separasjonen og økningen av mottakelsen av denne utviklingsstilen har ført til utseendet til et stort antall rammer i markedet som hjelper oss med å bære ansvaret for å administrere maler.
I tilfelle av Uttrykke, denne kommer opprinnelig med en malmotor som heter JadeImidlertid har mange utviklere allerede en bakgrunn i andre, og det ville ikke være rettferdig at de må justere igjen til en ny motor, dette er ikke ille, men det er ikke for alles smak.
Det er på grunn av det Uttrykke lar oss konfigurere rammeverket slik at vi kan jobbe med forskjellige malmotorer, som f.eks Styret som er en forlengelse av Moustache.js og det er en veldig populær malmotor siden den er basert på JavaScript og vi kan bruke det både på serversiden og på klienten.
KravFor å overholde noen av eksemplene som vises her må vi ha installert og tilgang til Node.js, og har tidligere installert Uttrykke. En tekstredigerer og et program Uttrykke de er ønskelige slik at de kan inkorporere konseptene som er forklart i opplæringen.
Ulemper med å ikke bruke en malmotorManglende bruk av en malmotor medfører en rekke ulemper som kan påvirke hastigheten på applikasjonsutviklingen vår, vi skal liste disse ulempene slik at når vi tenker at vi ikke trenger malmotoren, vil vi se det motsatte.
Risikoen for å lage feil HTML er mye høyere, så det kan være vanskelig å skaffe sertifiseringer for koden vår.
Den resulterende koden kan være vanskelig å dokumentere og dele med andre utviklere.
Hvis vi bruker kode for å generere HTML, vil det alltid være ubehagelig å jobbe med spesialtegn.
Det er en tendens til ikke å skille applikasjonslogikk fra presentasjon.
Som vi kan se er det mange ulemper at selv om de ikke er alvorlige og ikke fører til at søknaden vår ikke fungerer hvis den reduserer muligheten for å bli mer produktiv.
Fordeler med å bruke en malmotorLa oss nå se hva vi vil oppnå ved å implementere løsninger som håndtak i våre applikasjoner med Express:
Den resulterende koden er mer organisert, og vi er garantert at det ikke vil være feil HTML.
Vi kan dele teamet vårt i to, ved å bruke brukergrensesnitt uten at vi trenger å utvikle oss i Back-End.
Med malmotorer kan vi gjenbruke deler av koden og dermed bidra til å holde prosjektet optimert.
Det er mange verktøy som hjelper oss med å gi bedre interaksjon med den visuelle delen av applikasjonene våre.
Hvordan vi ser hva malmotorene tilbyr oss er å være i stand til å skille, optimalisere og organisere koden vår. Dette bringer som en direkte konsekvens forbedringen av effektiviteten, effektiviteten og generelle produktiviteten i vårt utviklingsteam.
I begynnelsen av opplæringen nevnte vi det Jade det var standardmotoren, så hvorfor ser vi etter en annen motor? Svaret er veldig enkelt, slik det fungerer Jade prøver å redusere mengden HTML Vi skriver, dette kan være litt forvirrende, ettersom vi praktisk talt må lære oss en ny språkform Front-end.
I det følgende bildet ser vi en malkode på Jade så vi kan se et eksempel på syntaksen:

Vi kan legge merke til at forskjellen med kode HTML Standard er avgrunn, og selv om koden er mindre, er tanken involvert litt mer.
Styret det er en annen historie enn Jade, dens arbeidsmåte ligner på andre motorer som f.eks Jinja2 eller Swig, siden det lar oss skrive etiketter HTML og deretter inne med vår egen motorkode kan vi definere hva den skriver ut fra konteksten og måten den gjør det på.
For eksempel, hvis vi vet at vi skal skrive ut noe som en bruker skrev, kan vi automatisk unnslippe spesialtegnene og dermed unngå kodeinjeksjon, men hvis vi vet at det er vår egen kode, kan vi uttrykke det til Styret som ikke unnslipper teksten.
Server eller klientEt annet aspekt av Styret er at det kan fungere på to måter, fra serversiden eller fra klientsiden. Denne allsidigheten betyr at vi bedre kan bestemme hvordan vi vil utføre applikasjonene våre, siden hvis det er en SPA o Enkeltsidig applikasjon, kanskje er klientsiden tilnærming enklere og mer nyttig, men hvis vi vil ha et nettsted, er det kanskje mer nyttig å generere alt på serveren.
For installasjon Styret på serversiden er det veldig enkelt, vi må bare bruke npm i konsollen vår, og dermed får vi de nødvendige pakkene, la oss se hva vi må skrive:

 npm install-lagre hurtigstyr

Med det npm Den kommer til å laste ned alle nødvendige komponenter slik at vi kan innlemme denne motoren i prosjektet vårt, til slutt bør vi få et resultat som ligner på følgende i konsollen vår:

Deretter i filen vår der vi starter applikasjonen vår Uttrykke Vi må fortelle det å bruke dette som malmotor, for dette må vi bare skrive følgende kode:

 var styret = krever ('ekspressstyr') .create ({defaultLayout: 'main'}); app.engine ('styret', styret. motor); app.set ('vis motor', 'styre');

Det som vil forbli i filen vår vil være følgende:

Håndtakets grunnleggende syntaksStyret Den har sin egen veldig rene syntaks som lar oss innlemme litt visningslogikk i malen, vi kan inkorporere kommentarer, iterere over lister og blokker, unnslippe eller ikke dele av tekst. Derfor er det viktig å kjenne de mest grunnleggende slik at vi kan uttrykke våre ideer mer komfortabelt og dermed få mest mulig ut av det. La oss se den mest grunnleggende av motoren nedenfor.
Som et resultat genererer visningen vår data som vi må vise brukeren, vi sender disse dataene gjennom konteksten til malen vår, og det er her vi skriver dem ut. For å skrive ut dette må vi ganske enkelt legge til variabelen eller elementet i doble seler som følgende:

 {{Navn}}

Det får oss til å se innholdet i "Navn" som vi har definert i vårt syn, slipper disse dobbeltkrøllete selene automatisk fra tegn, på en slik måte at det ikke resulterer i utskrift av kode som ikke er tillatt som standard for utvikleren.
Nå hvis vi vil skrive ut en tekst uten å unnslippe, må vi bruke trippel seler, forteller dette Styret at ingenting skal unnslippe, la oss se eksemplet:

 {{{Navn}}}

Dette hvis det lar oss skrive ut kode HTML, spesialtegn og til og med JavaScript uten inngrep fra motoren vår.
De kommentarer i malen er viktige, ettersom de lar oss identifisere seksjoner, legge til viktig informasjon og dokumentere søknaden vår. Hvis vi legger en kommentar direkte på HTML i skjemaet: dette ender opp med å være synlig for den som inspiserer koden til siden vår, så det begrenser oss i det vi kan la være dokumentert.
Men hvis vi bruker kommentarer i Styret, vi kan alltid se dem i kildekoden, men motoren når du genererer det brukeren ser, utelater det, og når vi inspiserer koden til nettet eller applikasjonen vil vi ikke se noe. Å skrive en kommentar til Styret vi må gjøre følgende:

 {{! kommentaren vår}}

Dette betyr at innholdet i kommentaren aldri genereres i resultatet som er synlig for brukerne våre, noe som gjør det vi skriver hemmelig for de som er utenfor vårt utviklingsteam.
Noe vi ikke må glemme er at vi ikke trenger å begrense oss til det som er i mainstreamDet er mange alternativer som kan være bedre for hver persons utviklingsstil, og derfor er det viktig å forske og ikke være redd for å prøve nye ting.
Med dette har vi fullført denne opplæringen, vi har hatt en liten, men ganske berikende introduksjon til hva bruken av maler betyr, og hvordan du kan integrere en ny motor i Uttrykke.
Ja OK Styret er mye mer omfattende, men med disse nøkkelkonseptene og vår applikasjon Uttrykke vi vil kunne oppnå veldig interessante ting på kort tid.Likte og hjalp du denne opplæringen?Du kan belønne forfatteren ved å trykke på denne knappen for å gi ham et positivt poeng