Izmantojiet veidnes kopā ar rokturiem vietnē Express.js

Veidņu izmantošana tīmekļa lietojumprogrammu pasaulē ir kļuvusi par nepieciešamību, jo tas palīdz mums nošķirt programmēšanas loģiku no tās prezentācijas. Visa šī atdalīšana un šī attīstības stila uzņemšanas pieaugums ir novedis pie liela skaita parādīšanās ietvari tirgū, kas palīdz mums uzņemties atbildību par veidņu pārvaldību.
Gadījumā, ja Ekspress, šis dabiski nāk ar veidņu dzinēju, ko sauc DžeidaTomēr daudziem izstrādātājiem jau ir pieredze ar citiem, un nebūtu godīgi, ka viņiem atkal būtu jāpielāgojas jaunam dzinējam, tas nav slikti, bet tas nav ikviena gaumei.
Tas ir tāpēc Ekspress ļauj mums konfigurēt sistēmu, lai mēs varētu strādāt ar dažādiem veidņu dzinējiem, piemēram, Stūres kas ir pagarinājums Ūsas.js un tas ir ļoti populārs veidņu dzinējs, jo tā pamatā ir JavaScript un mēs to varam izmantot gan servera pusē, gan klientā.
PrasībasLai ievērotu dažus šeit parādītos piemērus, mums ir jābūt instalētai un tai jāpiekļūst Node.jsun iepriekš instalēta Ekspress. Teksta redaktors un lietojumprogramma Ekspress tie ir vēlami, lai tajos varētu iekļaut pamācībā izskaidrotos jēdzienus.
Šablona dzinēja neizmantošanas trūkumiVeidnes dzinēja neizmantošana ietver virkni trūkumu, kas var ietekmēt mūsu lietojumprogrammu izstrādes ātrumu, mēs uzskaitīsim šos trūkumus, lai, uzskatot, ka mums šablona dzinējs nav vajadzīgs, mēs redzētu pretējo.
Nepareizi veidota HTML izveides risks ir daudz lielāks, tāpēc sertifikātu iegūšana mūsu kodam var būt sarežģīta.
Iegūto kodu var būt grūti dokumentēt un koplietot ar citiem izstrādātājiem.
Ja HTML ģenerēšanai izmantojam kodu, vienmēr būs neērti strādāt ar īpašajām rakstzīmēm.
Pastāv tendence neatdalīt lietojumprogrammu loģiku no prezentācijas.
Kā redzam, ir daudz trūkumu - lai gan tie nav nopietni un neļauj mūsu lietojumprogrammai nedarboties, ja tā samazina iespēju būt produktīvākam.
Šablona dzinēja izmantošanas priekšrocībasTagad redzēsim, ko mēs iegūsim, ieviešot tādus risinājumus kā Rokturi mūsu lietojumprogrammās ar Express:
Iegūtais kods ir sakārtotāks, un mēs garantējam, ka nebūs nepareizi veidota HTML.
Mēs varam sadalīt savu komandu divās daļās, strādājot ar lietotāja saskarnēm, bez nepieciešamības attīstīties aizmugurē.
Veidņu dzinēji ļauj mums atkārtoti izmantot koda sadaļas, tādējādi palīdzot optimizēt mūsu projektu.
Ir daudz utilītu, kas palīdz mums nodrošināt labāku mijiedarbību ar mūsu lietojumprogrammu vizuālo daļu.
Tas, kā mēs redzam, ko mums piedāvā veidņu dzinēji, ir spēja atdalīt, optimizēt un sakārtot mūsu kodu, un tas tiešā veidā sekmē mūsu izstrādes komandas efektivitātes, efektivitātes un vispārējās produktivitātes uzlabošanos.
Apmācības sākumā mēs to pieminējām Džeida tas bija noklusējuma motors, tad kāpēc mēs meklējam citu motoru? Atbilde ir ļoti vienkārša, tā darbojas Džeida cenšas samazināt summu HTML mēs rakstām, tas var būt nedaudz mulsinoši, jo mums praktiski jāapgūst jauna valodas forma Priekšpuse.
Nākamajā attēlā mēs redzēsim veidnes kodu Džeida tāpēc mēs varam redzēt tās sintakses piemēru:

Mēs varam pamanīt, ka atšķirība ar kodu HTML Standarts ir nenormāls, un, lai gan kods ir mazāks, iesaistīto domu apjoms ir nedaudz lielāks.
Stūres tas ir cits stāsts nekā Džeida, tā darbības veids ir līdzīgs citiem dzinējiem, piemēram Džindža2 vai Swig, jo tas ļauj mums rakstīt etiķetes HTML un tad iekšpusē ar savu dzinēja kodu mēs varam definēt, ko tas drukā no konteksta un tā, kā tas tiek darīts.
Piemēram, ja mēs zinām, ka mēs drukāsim kaut ko, ko rakstījis lietotājs, mēs varam automātiski izvairīties no īpašajām rakstzīmēm un tādējādi izvairīties no koda ievadīšanas, bet, ja mēs zinām, ka tas ir mūsu pašu kods, mēs varam to izteikt Stūres kas neizbēg no teksta.
Serveris vai klientsVēl viens aspekts Stūres tas var darboties divos veidos - no servera puses vai no klienta puses. Šī daudzpusība nozīmē, ka mēs varam labāk izlemt, kā vēlamies īstenot mūsu lietojumprogrammas, jo, ja tā ir SPA o Vienas lapas lietojumprogramma, iespējams, klienta pieeja ir vienkāršāka un noderīgāka, bet, ja mēs vēlamies tīmekļa vietni, iespējams, ir lietderīgāk izveidot visu serverī.
Instalēšanai Stūres servera pusē tas ir ļoti vienkārši, mums tikai jāizmanto npm mūsu konsolē un tādējādi mēs iegūsim nepieciešamās paketes, redzēsim, kas mums jāraksta:

 npm instalēt-ietaupīt ekspresstūri

Ar to npm Tā lejupielādēs visus nepieciešamos komponentus, lai mēs varētu iekļaut šo dzinēju mūsu projektā, galu galā mums vajadzētu iegūt rezultātu, kas līdzīgs šim mūsu konsolē:

Tad mūsu failā, kur mēs sākam savu lietojumprogrammu Ekspress Mums ir jāpasaka, lai tas to izmantotu kā veidnes dzinēju, tāpēc mums vienkārši jāraksta šāds kods:

 var stūres = pieprasīt ('ekspresstūres') .create ({defaultLayout: 'main'}); app.engine ('stūre', stūre.dzinējs); app.set ('apskatīt motoru', 'stūre');

Mūsu failā paliks šādi:

Stūres pamata sintakseStūres Tam ir sava ļoti tīra sintakse, kas ļauj veidnē iekļaut mazliet skata loģiku, mēs varam iekļaut komentārus, atkārtot sarakstus un blokus, izvairīties no teksta sadaļām vai ne. Tāpēc ir svarīgi zināt visvienkāršākos, lai mēs varētu ērtāk izteikt savas idejas un tādējādi gūt maksimālu labumu, aplūkosim visvienkāršāko dzinēju zemāk.
Rezultātā mūsu skats ģenerē datus, kas mums ir jāparāda lietotājam, mēs šos datus caur kontekstu nododam savai veidnei, un šeit mēs tos izdrukājam. Lai to izdrukātu, mums vienkārši jāievieto mainīgais vai elements dubultās iekavās, piemēram:

 {{Vārds}}

Tas liek mums redzēt saturu "Vārds" pēc mūsu domām, šīs dubultās cirtainās breketes automātiski aizbēg no rakstzīmēm tādā veidā, ka tā rezultātā netiek drukāts kods, kas pēc noklusējuma nav atļauts izstrādātājam.
Tagad, ja mēs vēlamies izdrukāt tekstu, neizbēgt, mums ir jāizmanto trīskārši skavas, tas norāda Stūres lai nekas neizbēgtu, apskatīsim piemēru:

 {{{Vārdi}}}

Tas notiek, ja tas ļauj mums izdrukāt kodu HTML, īpašās rakstzīmes un pat JavaScript bez mūsu dzinēja iejaukšanās.
komentārus veidnē ir ļoti svarīgi, jo tie ļauj mums identificēt sadaļas, pievienot svarīgu informāciju un dokumentēt mūsu pieteikumu. Ja mēs komentāru ievietojam tieši HTML formā: tas galu galā ir redzams ikvienam, kurš pārbauda mūsu lapas kodu, tāpēc tas ierobežo to, ko mēs varam atstāt dokumentētu.
Bet, ja mēs izmantojam komentārus Stūres, mēs tos vienmēr varam redzēt avota kodā, bet dzinējs, ģenerējot to, ko redz lietotājs, to izlaiž, un tad, pārbaudot tīmekļa vai lietojumprogrammas kodu, mēs neko neredzēsim. Lai uzrakstītu komentāru par Stūres mums jādara šādi:

 {{! mūsu komentārs}}

Tas nozīmē, ka komentāra saturs nekad netiek ģenerēts tā rezultātā, kas ir redzams mūsu lietotājiem, padarot mūsu rakstīto par noslēpumu tiem, kas ir ārpus mūsu izstrādes komandas.
Mēs nedrīkstam aizmirst, ka mums nav jāaprobežojas ar to, kas atrodas mainstream, ir daudz iespēju, kas var būt labākas katras personas attīstības stilam, tāpēc ir svarīgi veikt pētījumus un nebaidīties izmēģināt jaunas lietas.
Ar šo mēs esam pabeiguši šo apmācību, mums ir bijis neliels, bet diezgan bagātinošs ievads par to, ko nozīmē veidņu izmantošana un kā iekļaut jaunu dzinēju Ekspress.
Jā, labi Stūres ir daudz plašāks, taču ar šiem galvenajiem jēdzieniem un mūsu pielietojumu Ekspress īsā laikā varēsim sasniegt ļoti interesantas lietas.Vai jums patika šī apmācība un palīdzējāt tai?Jūs varat apbalvot autoru, nospiežot šo pogu, lai sniegtu viņam pozitīvu punktu