logo

Kā JavaScript lietotnē Ejs?

EJS jeb Embedded Javascript Templating ir veidņu dzinējs, ko izmanto Node.js. Veidņu programma palīdz izveidot HTML veidni ar minimālu kodu. Turklāt tas var ievadīt datus HTML veidnē klienta pusē un izveidot galīgo HTML.

Uzstādīšanas soļi

Instalējiet moduli, izmantojot šādu komandu:



npm install ejs --save>

Piezīme:

kandidāta atslēga

Iepriekš minētajās komandās npm apzīmē Node Package Manager, kurā tiek glabātas visas atkarības. The
Pēc Node 5.0.0 vairs nav nepieciešams saglabāšanas karodziņš, jo visi mūsu instalētie moduļi tagad tiks automātiski pievienoti atkarībām.

Lai sāktu, mums ir jāiestata EJS kā mūsu šablonu dzinējs ar Express . Express ir Node.js tīmekļa lietojumprogrammu servera ietvars, kas paredzēts vienas lapas, vairāku lapu un hibrīda tīmekļa lietojumprogrammu izveidei. Tas ir kļuvis par standarta servera sistēmu Node.js .

Dati, kas nosūtīti no servera, tiek nosūtīti uz EJS failu, un pēc tam mēs varam piekļūt šiem datiem, izmantojot tālāk norādīto rindiņu, un tas piešķirs šos datus h, p vai citam teksta tagam.

>

Ja mēs vēlamies izmantot šos datus normālām js operācijām, piemēram, if-else un cilpām vai citiem programmēšanas priekšrakstiem, mēs varam tos ierakstīt šādā formā:

 Cricket  Football>

Tagad, lai piekļūtu šiem datiem EJS faila skripta tagā vai .js failā, viss, kas jums jādara, ir jānodod šie dati citā mainīgajā, kā norādīts tālāk:

let data = ''>

Tagad varat veikt jebkuru darbību ar datu mainīgo, kura vērtība ir tāda pati kā EJS nodotajam datu mainīgajam.



java saraksta kārtošana

Piemērs: Ieviešana izmantot EJS mūsu projektā.

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 noklusējuma darbība ir tāda, ka tas meklē mapi “skati”, lai renderētu veidnes. Tātad, izveidosim mapi “skati” mūsu galvenā mezgla projekta mapē un izveidosim failu ar nosaukumu home.ejs, kas tiks apkalpots pēc kāda vēlamā pieprasījuma mūsu mezgla projektā.

HTML
     galva>   

Teksts no EJS mainīgā, kas nosūtīts no servera, ir = h2>

<%=name%>h2>

Teksts no EJS mainīgā, kas nodots no skripta taga = h2>

h2>

Teksts no EJS mainīgā, kas pārsūtīts no skripta taga pēc manipulācijas = h2>

h2>