logo

Hvordan bruker jeg Ejs i JavaScript?

EJS eller Embedded Javascript Templating er en malmotor som brukes av Node.js. Malmotoren hjelper til med å lage en HTML-mal med minimalt med kode. Den kan også injisere data i HTML-malen på klientsiden og produsere den endelige HTML-en.

Installasjonstrinn

Installer modulen ved å bruke følgende kommando:

npm install ejs --save>

Merk:



I kommandoene ovenfor står npm for Node Package Manager, som er der alle avhengighetene er lagret. De
–save-flagg er ikke lenger nødvendig etter Node 5.0.0, da alle modulene vi installerer nå blir lagt til avhengigheter automatisk.

For å starte, må vi stille inn EJS som vår malmotor med Uttrykke . Express er et Node.js-nettapplikasjonsserverrammeverk designet for å bygge enkeltside-, flerside- og hybrid-webapplikasjoner. Det har blitt standard serverrammeverk for Node.js .

Data som sendes fra serveren sendes til EJS-filen, og så kan vi få tilgang til disse dataene ved å bruke linjen nedenfor, og den vil gi disse dataene til h, p eller en annen tekstkode.

>

Hvis vi vil bruke disse dataene til normale js-operasjoner som if-else og loops eller andre programmeringssetninger, kan vi skrive det i følgende form:

 Cricket  Football>

Nå for å få tilgang til disse dataene i skriptkoden til EJS-filen eller .js-filen er alt du trenger å gjøre å sende disse dataene i en annen variabel som nedenfor:

let data = ''>

Nå kan du utføre en hvilken som helst operasjon på datavariabelen som har samme verdi som den EJS-passerte datavariabelen.

Eksempel: Implementering for å bruke EJS i vårt prosjekt.

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

Standardoppførselen til EJS er at den ser inn i mappen 'visninger' for at malene skal gjengis. Så, la oss lage en 'views'-mappe i hovednodeprosjektmappen vår og lage en fil med navnet home.ejs som skal serveres på en ønsket forespørsel i nodeprosjektet vårt.

HTML
     hodet>   

Tekst fra EJS-variabel sendt fra server er = h2>

<%=name%>h2>

Tekst fra EJS-variabel sendt fra script-tag = h2>

h2>

Tekst fra EJS-variabel sendt fra script-tag etter manipulering = h2>

h2>