EJS arba Embedded Javascript Templating yra šablonų variklis, naudojamas Node.js. Šablonų variklis padeda sukurti HTML šabloną su minimaliu kodu. Be to, jis gali įterpti duomenis į HTML šabloną kliento pusėje ir sukurti galutinį HTML.
Diegimo žingsniai
Įdiekite modulį naudodami šią komandą:
npm install ejs --save>
Pastaba:
Aukščiau pateiktose komandose npm reiškia Node Package Manager, kurioje saugomos visos priklausomybės. The
Po Node 5.0.0 nebereikia išsaugoti vėliavėlės, nes visi mūsų įdiegti moduliai dabar bus automatiškai įtraukti į priklausomybes.
Norėdami pradėti, turime nustatyti EJS kaip mūsų šablonų variklis su Express . „Express“ yra „Node.js“ žiniatinklio programų serverio sistema, skirta vieno puslapio, kelių puslapių ir hibridinėms žiniatinklio programoms kurti. Tai tapo standartine serverio sistema Node.js .
Duomenys, perduoti iš serverio, siunčiami į EJS failą, tada mes galime pasiekti tuos duomenis naudodami žemiau esančią eilutę, o jie tuos duomenis pateiks h, p arba kitai teksto žymai.
>
Jei norime naudoti šiuos duomenis įprastoms js operacijoms, tokioms kaip if-else ir ciklai ar kiti programavimo teiginiai, galime juos parašyti tokia forma:
Cricket Football>
Dabar norint pasiekti tuos duomenis EJS failo scenarijaus žymoje arba .js faile tereikia perduoti tuos duomenis kitam kintamajam, kaip nurodyta toliau:
let data = ''>
Dabar galite atlikti bet kokią operaciją su duomenų kintamuoju, kurio reikšmė tokia pati kaip ir EJS perduodamo duomenų kintamojo.
Pavyzdys: Įdiegimas naudoti EJS mūsų projekte.
javascript // Filename - index.js // Set express as Node.js web application // server framework. // Install it using 'npm install express' command // and require like this: let express = require('express'); let app = express(); // Set EJS as templating engine app.set('view engine', 'ejs'); app.get('/', function(req, res) { res.render('home', {name:'Chris Martin'}); }); // Server setup app.listen(3000, function(req, res) { console.log('Connected on port:3000'); });> Numatytasis EJS elgesys yra toks, kad jis žiūri į aplanką „vaizdai“, kad būtų pateikti šablonai. Taigi, pagrindiniame mazgo projekto aplanke sukurkime aplanką „vaizdai“ ir sukurkime failą pavadinimu home.ejs, kuris turi būti pateiktas pagal norimą užklausą mūsų mazgo projekte.
HTML galva> Tekstas iš EJS kintamojo, perduoto iš serverio, yra = h2> <%=name%>h2>
Tekstas iš EJS kintamojo, perduotas iš scenarijaus žymos = h2>h2>
Tekstas iš EJS kintamojo, perduotas iš scenarijaus žymos po manipuliavimo = h2>h2>