Koristite predloške s upravljačima u Express.js -u

Korištenje predložaka postalo je nužnost u svijetu web aplikacija, jer nam pomaže da odvojimo programsku logiku od njenog predstavljanja. Svo to odvajanje i porast recepcije ovog stila razvoja doveli su do pojave velikog broja okvirima na tržištu koji nam pomažu u preuzimanju odgovornosti upravljanja predlošcima.
U slučaju Izraziti, ovaj izvorno dolazi s predloškom motora zvanim ŽadMeđutim, mnogi programeri već dolaze s iskustvom drugih i ne bi bilo pošteno da se moraju ponovno prilagoditi novom motoru, to nije loše, ali nije za svačiji ukus.
To je zbog toga Izraziti omogućuje nam konfiguriranje okvira tako da možemo raditi s različitim predložacima, kao što su Upravljači što je produžetak Brkovi.js i vrlo je popularan predložak jer se temelji na JavaScript a možemo ga koristiti i na strani poslužitelja i na klijentu.
ZahtjeviDa bismo se uskladili s nekim od ovdje prikazanih primjera, moramo imati instaliran pristup i pristup Node.js, a prethodno su instalirani Izraziti. Uređivač teksta i aplikacija Izraziti oni su poželjni kako bi mogli uključiti koncepte objašnjene u vodiču.
Nedostaci nekorištenja predložaka strojaNeupotreba predložaka povlači za sobom niz nedostataka koji mogu utjecati na brzinu razvoja naših aplikacija, navedene ćemo nedostatke navesti tako da ćemo, kad pomislimo da nam motor predložaka ne treba, vidjeti suprotno.
Rizik od stvaranja pogrešno oblikovanog HTML -a mnogo je veći, pa dobivanje certifikata za naš kôd može biti teško.
Rezultirajući kôd može biti teško dokumentirati i podijeliti s drugim programerima.
Ako koristimo kôd za generiranje HTML -a, uvijek će biti neugodno raditi s posebnim znakovima.
Postoji tendencija ne razdvajati logiku aplikacije od prezentacije.
Kao što vidimo, postoje mnogi nedostaci koji, iako nisu ozbiljni i ne navode na to da naša aplikacija ne radi ako umanjuju mogućnost da budu produktivniji.
Prednosti korištenja predložakaPogledajmo sada što ćemo postići implementacijom rješenja poput upravljača u naše aplikacije s Expressom:
Rezultirajući kôd je organiziraniji i jamčimo da neće biti pogrešno oblikovanog HTML -a.
Naš tim možemo podijeliti na dva, radeći korisnička sučelja bez potrebe za razvojem u pozadini.
Predložaci nam omogućuju ponovnu uporabu odjeljaka koda čime pomažu održati naš projekt optimiziranim.
Postoje mnogi uslužni programi koji nam pomažu u pružanju bolje interakcije s vizualnim dijelom naših aplikacija.
Kako vidimo ono što nam nude predložaci, to je da možemo odvojiti, optimizirati i organizirati naš kôd, to dovodi do izravne posljedice poboljšanja učinkovitosti, učinkovitosti i opće produktivnosti u našem razvojnom timu.
Na početku vodiča smo to spomenuli Žad to je bio zadani motor, pa zašto tražimo drugi motor? Odgovor je vrlo jednostavan, način na koji radi Žad pokušava smanjiti količinu HTML pišemo, ovo može biti pomalo zbunjujuće jer moramo praktički naučiti novi oblik jezika za nas Prednji kraj.
Na sljedećoj slici vidjet ćemo kod predloška Žad pa možemo vidjeti primjer njegove sintakse:

Možemo primijetiti da je razlika u kodu HTML Standard je jadan, i iako je kod manji, količina misli o kojoj se radi je nešto veća.
Upravljači to je druga priča od Žad, njegov način rada sličan je drugim motorima kao što su Jinja2 ili Gutljaj, jer nam omogućuje pisanje oznaka HTML a zatim iznutra vlastitim kodom motora možemo definirati što ispisuje iz konteksta i način na koji to radi.
Na primjer, ako znamo da ćemo ispisati nešto što je korisnik napisao, možemo automatski izbjeći posebne znakove i tako izbjeći unošenje koda, ali ako znamo da je to naš vlastiti kôd, možemo to izraziti Upravljači to ne izmiče tekstu.
Poslužitelj ili klijentDrugi aspekt Upravljači je da može raditi na dva načina, sa strane poslužitelja ili sa strane klijenta. Ova svestranost znači da možemo bolje odlučiti kako želimo provoditi svoje aplikacije, jer ako je SPA o Aplikacija za jednu stranicu, možda je pristup na strani klijenta jednostavniji i korisniji, ali ako želimo web stranicu, možda je korisnije generiranje svega na poslužitelju.
Za instalaciju Upravljači na strani poslužitelja je vrlo jednostavno, samo moramo koristiti npm u našoj konzoli i tako ćemo nabaviti potrebne pakete, da vidimo što moramo napisati:

 npm install --save express-upravljači

S tim npm On će preuzeti sve potrebne komponente kako bismo ovaj motor mogli ugraditi u svoj projekt, na kraju bismo u našoj konzoli trebali dobiti rezultat sličan sljedećem:

Zatim u našoj datoteci gdje pokrećemo našu aplikaciju Izraziti Moramo mu reći da ovo koristi kao predložak, za to jednostavno moramo napisati sljedeći kod:

 var upravljači = zahtijevaju ('express-handlebars') .create ({defaultLayout: 'main'}); app.engine ('upravljači', handlebars.engine); app.set ('view engine', 'upravljači');

Ono što bi ostalo u našoj datoteci bilo bi sljedeće:

Osnovna sintaksa upravljačaUpravljači Ima svoju vrlo čistu sintaksu koja nam omogućuje da u predložak uključimo malo logike prikaza, možemo ugraditi komentare, ponavljati po popisima i blokovima, izbjegavati ili ne dijelove teksta. Zato je važno znati one najosnovnije kako bismo mogli udobnije izraziti svoje ideje i tako izvući maksimum, pogledajmo u nastavku najosnovniji motor.
Kao rezultat toga, naš pogled generira podatke koje moramo pokazati korisniku, te podatke prosljeđujemo kroz kontekst u naš predložak i tu ih ispisujemo. Da bismo ovo ispisali, jednostavno moramo staviti varijablu ili element u dvostruke zagrade, na sljedeći način:

 {{Ime}}

To nas navodi na uvid u sadržaj "Ime" kako smo definirali po našem mišljenju, ove dvostruke uvijene zagrade automatski izbjegavaju znakove, na način da to ne rezultira ispisom koda koji prema zadanim postavkama nije dopušten od strane razvojnog programera.
Sada, ako želimo ispisati tekst bez bijega, moramo koristiti trostruke zagrade, to govori Upravljači da ništa ne smije pobjeći, pogledajmo primjer:

 {{{Imena}}}

Ovo ako nam omogućuje ispis koda HTML, posebne znakove, pa čak i JavaScript bez intervencije našeg stroja.
The komentare u predlošku su od vitalnog značaja jer nam omogućuju identificiranje odjeljaka, dodavanje važnih informacija i dokumentiranje naše prijave. Ako stavimo komentar izravno na HTML u obliku: ovo završava vidljivim onome tko pregleda kôd naše stranice, pa nas ograničava u onome što možemo ostaviti dokumentiranim.
Ali ako koristimo komentare u Upravljači, uvijek ih možemo vidjeti u izvornom kodu, ali motor prilikom generiranja onoga što korisnik vidi to izostavlja, a onda kada pregledamo kôd weba ili aplikacije nećemo vidjeti ništa. Za napisati komentar Upravljači moramo učiniti sljedeće:

 {{! naš komentar}}

To znači da se sadržaj komentara nikada ne generira u rezultatu koji je vidljiv našim korisnicima, čineći ono što napišemo tajnom za one koji su izvan našeg razvojnog tima.
Nešto što ne smijemo zaboraviti je da se ne moramo ograničiti na ono što je u mainstream, postoje mnoge mogućnosti koje bi mogle biti bolje za razvojni stil svake osobe, zbog čega je od vitalne važnosti istražiti i ne bojati se isprobavati nove stvari.
Ovim smo završili ovaj vodič, imali smo mali, ali prilično obogaćujući uvod u to što znači korištenje predložaka i kako ugraditi novi stroj u Izraziti.
Da dobro Upravljači je mnogo opsežniji, ali s tim ključnim pojmovima i našom primjenom Izraziti moći ćemo u kratkom vremenu postići vrlo zanimljive stvari.Je li vam se svidio i pomogao ovaj vodič?Autor možete nagraditi pritiskom na ovaj gumb kako biste mu dali pozitivan bod