Kuriant žiniatinklį, duomenų iš serverio rodymas tinklalapiuose yra labai svarbus kuriant interaktyvią ir dinamišką vartotojo patirtį. Štai čia Template Engine ateina Express.js į pagalbą. A Template Engine yra įrankis, leidžiantis kurti dinaminius HTML šablonus įterpiant duomenis iš serverio į HTML kodą.
Kodėl Naudoti Template Engine ?
Template Engine padėti atskirti HTML žymėjimą nuo duomenų, gaunamų iš serverio. Tai leidžia lengviau valdyti HTML kodą, neįterpiant duomenų į kiekvieną kodo eilutę. Vietoj to, HTML kode sukursite „vietos žymas“ arba „žymas“, kurios Template Engine vėliau bus užpildytos serverio duomenimis.
Naudojant Template Engine in Express.js
Express.js palaiko įvairius template engine, tokius kaip Mopsas(anksčiau žinomas kaip Jade) ir EJS(įdėtasis JavaScript). Žemiau pateikiami Mopso ir EJS naudojimo pavyzdžiai Express.js:
Naudojant Mopsą Template Engine
Įdiegti Mopsą: turite įdiegti pug
paketą per npm.
Konfigūruoti Template Engine: programos konfigūracijos faile(pvz., app.js
) apibrėžkite Mopsą kaip template engine.
Sukurkite Mopso šabloną: sukurkite Mopso failus kataloge views
. Pavyzdžiui, sukurkite index.pug
failą:
Maršruto tvarkymas ir duomenų atvaizdavimas: Tvarkydami maršrutą duomenis galite perduoti template engine naudojant res.render()
.
Naudojant EJS Template Engine
Įdiekite EJS: įdiekite ejs
paketą per npm.
Konfigūruoti Template Engine: apibrėžkite EJS kaip template engine savo programos konfigūracijoje.
Sukurkite EJS šabloną: sukurkite EJS failus kataloge views
. Pavyzdžiui, sukurkite index.ejs
failą:
Maršruto tvarkymas ir duomenų atvaizdavimas: tvarkydami maršrutą, perduokite duomenis template engine naudojant res.render()
.
Išvada
Naudodami Template Engine in Express.js leidžia kurti dinamiškus tinklalapius ir vartotojo naršyklėje rodyti informaciją iš serverio. Naudodami Mopsą, EJS ar kitus template engine, galite kurti interaktyvius ir lanksčius tinklalapius, kurie suteikia geresnę vartotojo patirtį ir optimizuoja HTML kodo ir duomenų valdymą.