当前位置：网站首页>Nodejs template engine EJS

Nodejs template engine EJS

2022-07-27 18:58:00 【venture to ask】

install ejs cnpm install –-save ejs

Basic use

┣ views

│┣ index.ejs

┣ app.js

index.ejs

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
</head>
<body>
    <h1> Hello, I am <%=names%></h1>
</body>
</html>

app.js

var express = require("express");
var app = express()
// Set default   template engine 
app.set("view engine","ejs")
// It refers to setting the corresponding template engine folder , That is, the template engine goes back to the fixed folder to find ejs file , The default is views Folder 
app.set("views")
app.get("/",function (req,res) {
    res.render("index",{
        "names":" Zhang San "
    })
})
app.listen(3000,function () {
    console.log(" monitor 3000 port ")
})

Basic use 2

views Folders can be changed , Use the following statement , Set the corresponding template folder name in the second parameter , The first parameter must be views, The second parameter is not written by default, which means that the template engine folder is views

app.set("views","templates");

The extended name of the template must be .ejs Final document , But in render You don't need to write the extension name

For example, we built a login.ejs file , Proceed below render

<body>
    <h1> Hello, I'm <%=classes%> Of <%=names%>, I took the test <%=score%> branch </h1>
    <ul>
        <% for(var i=0; i<kemu.length; i++) { %>
        <li><%=kemu[i]%></li>
        <% } %>
    </ul>
</body>

app.js

var express = require("express");
var app = express()

// Set the default template engine  
app.set("view engine","ejs");
app.set("views","templates")

app.get("/",function (req,res) {
    res.render("login",{
        "names":" Xiao Wang ",
        "classes":" Fifth grade ",
        "score":"595",
        "kemu":[" Chinese language and literature "," mathematics "," English "," Physics "," chemical "," biological "]
    })
})
app.listen(3000,function () {console.log(" monitor 3000")  })