​

效果图

ejs模板配合node.js填充数据_html

目录结构

ejs模板配合node.js填充数据_html_02

index.ejs代码

<!DOCTYPE html>
<html lang="zh-CN">

<head>
    <meta charset="UTF-8">
    <title>ejs模板引擎的使用</title>
</head>

<body>
    <h3>name:
        <%=name%>
    </h3>
    <h3>age:
        <%=age%>
    </h3>
    <h3>major:
        <%=major%>
    </h3>
</body>

</html>

app.js代码

var express = require('express')
var app = express()
app.set('view engine', 'ejs') //设置模板引擎ejs

app.get('/', function(req, res) {

    res.render("index.ejs", { //填充数据
        name: "冷月心",
        age: "23",
        major: "软件工程"
    })

})

app.listen(3000, function() {
    console.log('run server')
})