EJS nebo Embedded Javascript Templating je šablonovací engine používaný Node.js. Šablonový engine pomáhá vytvořit HTML šablonu s minimálním kódem. Může také vložit data do šablony HTML na straně klienta a vytvořit konečné HTML.
Kroky instalace
Nainstalujte modul pomocí následujícího příkazu:
npm install ejs --save>
Poznámka:
Ve výše uvedených příkazech npm znamená Správce balíčků uzlů, což je místo, kde jsou uloženy všechny závislosti. The
Příznak –save již není po Node 5.0.0 potřeba, protože všechny moduly, které nainstalujeme, budou nyní automaticky přidány do závislostí.
Abychom mohli začít, musíme nastavit EJS jako náš šablonovací motor s Vyjádřit . Express je framework webového aplikačního serveru Node.js určený pro vytváření jednostránkových, vícestránkových a hybridních webových aplikací. Stal se standardním serverovým rámcem pro Node.js .
Data předaná ze serveru jsou odeslána do souboru EJS a poté k těmto datům můžeme přistupovat pomocí níže uvedeného řádku a tato data předá h, p nebo jiné textové značce.
>
Pokud chceme tato data použít pro běžné operace js, jako je if-else a smyčky nebo jiné programovací příkazy, můžeme je zapsat v následujícím tvaru:
Cricket Football>
Chcete-li nyní získat přístup k těmto datům ve značce skriptu souboru EJS nebo souboru .js, vše, co musíte udělat, je předat tato data do jiné proměnné, jak je uvedeno níže:
let data = ''>
Nyní můžete provést jakoukoli operaci s datovou proměnnou, která má stejnou hodnotu jako datová proměnná předaná EJS.
Příklad: Implementace pro použití EJS v našem projektu.
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'); });> Výchozí chování EJS je, že hledá šablony k vykreslení do složky „views“. Udělejme tedy složku ‚views‘ v naší hlavní složce projektu uzlu a vytvořme soubor s názvem home.ejs, který se má obsloužit na nějaký požadovaný požadavek v našem projektu uzlu.
HTML hlava> Text z proměnné EJS předaný ze serveru je = h2> <%=name%>h2>
Text z proměnné EJS předaný z tagu skriptu = h2>h2>
Text z proměnné EJS předaný z tagu skriptu po manipulaci = h2>h2>