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
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