express入门（6）- ejs模板引擎

最新推荐文章于 2022-09-23 14:28:53 发布

炽天使_1985

最新推荐文章于 2022-09-23 14:28:53 发布

阅读量294

点赞数

CC 4.0 BY-SA版权

分类专栏： express 文章标签： express 模板引擎

本文链接：https://blog.youkuaiyun.com/wzjisking/article/details/75105799

express 专栏收录该内容

12 篇文章

订阅专栏

本文介绍了如何设置EJS作为Node.js应用的模板引擎，并演示了如何向模板传递数据及在页面上展示这些数据的方法。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

1，引入模板引擎

//指定模板引擎
app.set("view engine", 'ejs');
//指定模板位置
app.set('views', __dirname + '/views');

2，向模板传递参数

  res.render('home', {
        name: '门户页面',users:[{
        "name" : "小刚",
            "age" : "18",
            "intrduce" : "我是一个很帅的男孩！",
            "id": 1
    }, {
        "name" : "小明",
            "age" : "19",
            "intrduce" : "我是一个很美的男孩！",
            "id": 2
    },{
        "name" : "小花",
            "age" : "17",
            "intrduce" : "我是一个很妖艳的男孩！",
            "id": 3
    }]
    }

    );

3，页面展示数据

<p>Hi <%= name %> </p>

<table border="1px">

    <tr><td>ID</td><td>姓名</td><td>年龄</td><td>介绍</td></tr>
<% users.forEach(function (user) { %>

    <tr><td><%= user.id  %></td><td><%= user.name  %></td><td><%= user.age %></td><td><%= user.intrduce  %></td></tr>

<% }) %>

</table>