当前位置：网站首页>Nodejs 模板引擎ejs

Nodejs 模板引擎ejs

2022-07-27 16:20:00 【敢问】

安装ejs cnpm install –-save ejs

基本使用

┣ 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>你好我是<%=names%></h1>
</body>
</html>

app.js

var express = require("express");
var app = express()
//设置默认的 模板引擎
app.set("view engine","ejs")
//指的是设置对应的模板引擎文件夹，也就是模板引擎回去固定的文件夹中找ejs文件，默认是views文件夹
app.set("views")
app.get("/",function (req,res) {
    res.render("index",{
        "names":"张三"
    })
})
app.listen(3000,function () {
    console.log("监听3000端口")
})

基本使用2

views文件夹可以改变，使用下面的语句，在第二个参数设置对应的模板文件夹名称，第一个参数必须是views，默认不写第二个参数表示模板引擎文件夹为views

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

模板的拓展名必须是.ejs结尾的文件，但是在render的时候不需要写拓展名

比如我们建了一个login.ejs文件，在下面进行render

<body>
    <h1>大家好我是<%=classes%>的<%=names%>,我考了<%=score%>分</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()

//设置默认模板引擎 
app.set("view engine","ejs");
app.set("views","templates")

app.get("/",function (req,res) {
    res.render("login",{
        "names":"小王",
        "classes":"五年级",
        "score":"595",
        "kemu":["语文","数学","英语","物理","化学","生物"]
    })
})
app.listen(3000,function () {console.log("监听3000")  })