logo

Kuinka käyttää Ejs:ää JavaScriptissä?

EJS tai Embedded Javascript Templating on Node.js:n käyttämä mallinnuskone. Mallimoottori auttaa luomaan HTML-mallin minimikoodilla. Se voi myös lisätä tietoja asiakaspuolen HTML-malliin ja tuottaa lopullisen HTML-koodin.

Asennusvaiheet

Asenna moduuli seuraavalla komennolla:



npm install ejs --save>

Huomautus:

päivämäärä muuntaa merkkijonoksi

Yllä olevissa komennoissa npm tarkoittaa Node Package Manageria, johon kaikki riippuvuudet tallennetaan. The
-tallennuslippua ei enää tarvita Node 5.0.0:n jälkeen, koska kaikki asentamamme moduulit lisätään nyt automaattisesti riippuvuuksiin.

Aloittaaksemme meidän on asetettava EJS kuten mallimoottorimme Ilmaista . Express on Node.js-verkkosovelluspalvelinkehys, joka on suunniteltu yksisivuisten, monisivuisten ja hybridiverkkosovellusten rakentamiseen. Siitä on tullut vakiopalvelinkehys Node.js .

Palvelimelta välitetyt tiedot lähetetään EJS-tiedostoon, ja sitten voimme käyttää niitä alla olevan rivin avulla ja se antaa tiedot h:lle, p:lle tai muulle tekstitunnisteelle.

>

Jos haluamme käyttää näitä tietoja normaaleihin js-toimintoihin, kuten if-else ja silmukat tai muut ohjelmointikäskyt, voimme kirjoittaa ne seuraavassa muodossa:

 Cricket  Football>

Nyt päästäksesi käsiksi EJS-tiedoston tai .js-tiedoston komentosarjatunnisteen tietoihin, sinun tarvitsee vain välittää tiedot toisessa muuttujassa seuraavasti:

let data = ''>

Nyt voit suorittaa minkä tahansa toiminnon datamuuttujalle, jolla on sama arvo kuin EJS:n hyväksytyllä datamuuttujalla.



Esimerkki: Toteutus EJS:n käyttöön projektissamme.

kuinka luodaan taulukko javassa
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'); });>

EJS:n oletuskäyttäytyminen on, että se etsii 'näkymät'-kansiota mallien hahmontamista varten. Tehdään siis 'views'-kansio pääsolmuprojektikansioomme ja tehdään tiedosto nimeltä home.ejs, joka toimitetaan johonkin haluttuun pyyntöön solmuprojektissamme.

HTML
     pää>   

Teksti palvelimelta lähetetystä EJS-muuttujasta on = h2>

<%=name%>h2>

Teksti EJS-muuttujasta, joka välitettiin komentosarjatunnisteesta = h2>

h2>

Teksti EJS-muuttujasta, joka on siirretty komentosarjatunnisteesta käsittelyn jälkeen = h2>

h2>