EJS lub Embedded JavaScript Templating to silnik szablonów używany przez Node.js. Silnik szablonów pomaga stworzyć szablon HTML z minimalną ilością kodu. Może także wstrzykiwać dane do szablonu HTML po stronie klienta i tworzyć ostateczny kod HTML.

Kroki instalacji

Zainstaluj moduł za pomocą następującego polecenia:

npm install ejs --save>

Notatka:

W powyższych poleceniach npm oznacza Menedżera pakietów węzłów, w którym przechowywane są wszystkie zależności. The
Flaga –save nie jest już potrzebna po wydaniu Node 5.0.0, ponieważ wszystkie instalowane przez nas moduły będą teraz automatycznie dodawane do zależności.

Na początek musimy ustawić EJS jak nasz silnik szablonów Wyrazić . Express to framework serwera aplikacji internetowych Node.js przeznaczony do tworzenia jednostronicowych, wielostronicowych i hybrydowych aplikacji internetowych. Stało się standardowym frameworkiem serwerowym dla Node.js .

Dane przekazywane z serwera są wysyłane do pliku EJS, a następnie możemy uzyskać do nich dostęp za pomocą poniższej linii, a dane zostaną przekazane do h, p lub innego znacznika tekstowego.

>

Jeśli chcemy wykorzystać te dane do normalnych operacji js, takich jak if-else i pętle lub inne instrukcje programistyczne, możemy zapisać je w następującej formie:

 Cricket  Football>

Aby teraz uzyskać dostęp do tych danych w znaczniku skryptu pliku EJS lub pliku .js, wystarczy przekazać te dane do innej zmiennej, jak poniżej:

let data = ''>

Teraz możesz wykonać dowolną operację na zmiennej danych, która ma tę samą wartość, co zmienna danych przekazana przez EJS.

Przykład: Wdrożenie umożliwiające wykorzystanie EJS w naszym projekcie.

typy złączeń w rdbms

// 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'); });>

Domyślnym zachowaniem EJS jest przeglądanie folderu „views” w celu wyrenderowania szablonów. Stwórzmy więc folder „views” w naszym głównym folderze projektu węzła i utwórzmy plik o nazwie home.ejs, który będzie obsługiwany na określone żądanie w naszym projekcie węzła.

     głowa>   
Tekst ze zmiennej EJS przekazanej z serwera to = h2>
 <%=name%>h2> 
  
Tekst ze zmiennej EJS przekazany ze znacznika skryptu = h2>
h2> 
  
Tekst ze zmiennej EJS przekazany ze znacznika skryptu po manipulacji = h2>
h2>