EJS alebo Embedded Javascript Templating je nástroj na vytváranie šablón, ktorý používa Node.js. Nástroj šablón pomáha vytvoriť šablónu HTML s minimálnym kódom. Môže tiež vložiť údaje do šablóny HTML na strane klienta a vytvoriť konečný kód HTML.
Kroky inštalácie
Nainštalujte modul pomocou nasledujúceho príkazu:
npm install ejs --save>
Poznámka:
Vo vyššie uvedených príkazoch npm znamená Správcu balíkov uzlov, kde sú uložené všetky závislosti. The
Príznak –save už nie je po Node 5.0.0 potrebný, pretože všetky moduly, ktoré inštalujeme, sa teraz automaticky pridajú do závislostí.
Ak chcete začať, musíme nastaviť EJS ako náš nástroj na vytváranie šablón expresné . Express je rámec webového aplikačného servera Node.js určený na vytváranie jednostránkových, viacstránkových a hybridných webových aplikácií. Stal sa štandardným serverovým rámcom pre Node.js .
Údaje odovzdané zo servera sa odošlú do súboru EJS a potom môžeme k týmto údajom pristupovať pomocou nižšie uvedeného riadku a tieto údaje poskytne h, p alebo inému textovému tagu.
>
Ak chceme tieto údaje použiť na bežné operácie js, ako sú if-else a slučky alebo iné programovacie príkazy, môžeme ich zapísať v nasledujúcom tvare:
Cricket Football>
Ak chcete teraz získať prístup k týmto údajom v značke skriptu súboru EJS alebo súboru .js, všetko, čo musíte urobiť, je odovzdať tieto údaje do inej premennej, ako je uvedené nižšie:
let data = ''>
Teraz môžete vykonať akúkoľvek operáciu s dátovou premennou, ktorá má rovnakú hodnotu ako dátová premenná odovzdaná EJS.
Príklad: Implementácia na použitie EJS v našom projekte.
java random math randomjavascript
// 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'); });> Predvolené správanie EJS je, že hľadá šablóny na vykreslenie v priečinku „views“. Urobme teda priečinok „views“ v našom hlavnom priečinku projektu uzla a vytvorte súbor s názvom home.ejs, ktorý sa má podávať na požadovanú požiadavku v našom projekte uzla.
HTML hlava> Text z premennej EJS odovzdaný zo servera je = h2> <%=name%>h2>
Text z premennej EJS odovzdaný z tagu skriptu = h2>h2>
Text z premennej EJS odovzdaný zo značky skriptu po manipulácii = h2>h2>