Vissza

Fel kell telepíteni az ejs-t

npm i ejs

Az ejs egy olyan file amely egy kinézetet foga adni magának az oldalnak.

be kell importálni a app.js be a feltelepített filet

app.set('view engine','ejs');/*Itt Adzsela valamiért elcserélte de nekem csak "set"-el megy USE-ra cserélte.*/

fontos, hogy use-t használjunk mivel már mást használunk alapértelmeznek

A kód FELTÉTELEZI HOGY LÉTEZIK EGY INDEX EJS FÁJL

Így létrekell hozni egy mappát.

és alkossunk egy list.ejs nevű filet.

Itt HTML kódot lehet írni

Ez a jelölője paraméterei"<%= %>"


Kihívás mondja meg az oldalad milyen nap van.

Ma <%=hkscpzv %>van

var hv=""; switch (hetnap){ case 0: hv="vasárnap"; break; case 1: hv="hétfő"; break; case 2: hv="kedd"; break; case 3: hv="szerda"; break; case 4: hv="csütörtök"; break; case 5: hv="péntek"; break; case 6: hv="szombat"; break; defult:hv="Sohanapja kis kedd" }

HOZZÁÍRNI ,vel a változó itteni és ottani verzióját.

res.render("list",{vminap: nap, hkscpzv: hv});


kell csinálni egy publick mappát amibe kell csinálni egy css filt, hogy majd így elérjem...

HTML:

< link rel="stylesheet" href="css/styles.css">

app.use(express.static("public"));


A buttonban ÁT KELL ÍRNI name=listre hogy lehessen rá hivatkozni, illetve az értékét dinamikusan változóra

name="list" value= <%= vminap %>

Mivel action="/" így az oldalba app.post("/", function(req, res){}-be kell írni

kitudod íratni az értét:

console.log(req.body);


Más téma:

hogy tudjuk a EJS-t használni arra, hogy minden lábléc és fejléc ugyan az legyen "< header>" "< footer>"

ha levágom a fejet < body>-ig akkor ezt be kell tennem

A views mappában nyitni kell egy footer.ejs-t és egy header.ejs-t

majd ide behelyezni...

meghívni pedig a tetején

< %- include("header") -%>

alján

< %- include("footer") -%>

ként lehet