logo

Com utilitzar Ejs a JavaScript?

EJS o Embedded Javascript Templating és un motor de plantilles utilitzat per Node.js. El motor de plantilles ajuda a crear una plantilla HTML amb un codi mínim. A més, pot injectar dades a la plantilla HTML del costat del client i produir l'HTML final.

Passos d'instal·lació

Instal·leu el mòdul mitjançant l'ordre següent:



npm install ejs --save>

Nota:

uri vs url

A les ordres anteriors, npm significa el gestor de paquets de nodes, que és on s'emmagatzemen totes les dependències. El
–Desa ja no és necessari després del Node 5.0.0, ja que tots els mòduls que instal·lem ara s'afegiran a les dependències automàticament.

prova l'estructura de dades

Per començar, hem de configurar EJS com el nostre motor de plantilles amb Expressar . Express és un marc de servidor d'aplicacions web Node.js dissenyat per crear aplicacions web d'una sola pàgina, de diverses pàgines i híbrides. S'ha convertit en el marc de servidor estàndard per a Node.js .

Les dades que es transmeten des del servidor s'envien al fitxer EJS i després podem accedir a aquestes dades mitjançant la línia següent i donarà aquestes dades a h, p o una altra etiqueta de text.

>

Si volem utilitzar aquestes dades per a operacions js normals com if-else i bucles o altres declaracions de programació, podem escriure-les de la següent forma:

 Cricket  Football>

Ara, per accedir a aquestes dades a l'etiqueta de l'script del fitxer EJS o del fitxer .js, tot el que heu de fer és passar aquestes dades a una altra variable com es mostra a continuació:

let data = ''>

Ara podeu realitzar qualsevol operació sobre la variable de dades que tingui el mateix valor que la variable de dades passat per EJS.



Exemple: Implementació per utilitzar EJS al nostre projecte.

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

El comportament predeterminat d'EJS és que mira a la carpeta 'views' perquè les plantilles es mostrin. Per tant, fem una carpeta 'views' a la carpeta del nostre projecte de node principal i fem un fitxer anomenat home.ejs que s'ha de servir en alguna sol·licitud desitjada al nostre projecte de node.

xarxes informàtiques
HTML
     cap>   

El text de la variable EJS passat des del servidor és = h2>

<%=name%>h2>

Text de la variable EJS passat des de l'etiqueta d'script = h2>

h2>

Text de la variable EJS passat des de l'etiqueta d'script després de la manipulació = h2>

h2>