express + ejs(实现页面动态数据的变化)

最新推荐文章于 2021-03-30 15:08:45 发布

strive涛

最新推荐文章于 2021-03-30 15:08:45 发布

阅读量2.6k

点赞数

CC 4.0 BY-SA版权

分类专栏： node

本文链接：https://blog.youkuaiyun.com/weixin_40402681/article/details/82688122

node 专栏收录该内容

7 篇文章

订阅专栏

本文介绍了一个使用EJS模板引擎的简单示例，演示了如何在Node.js环境中配置EJS并展示动态数据。通过服务器端代码，实现了向客户端传递变量并在网页上显示。

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

demo.ejs(文件) 注意：将ejs文件放在views文件夹下面

<html>
    <head>
        <title>EJS模板</title>
    </head>
    <body>
        <h1>EJS模板</h1>
        <p>姓名：<%= name %></p>
        <p>性别：<%= sex %></p>
        <p></p>
    </body>
</html>

1.js(服务器端)

const ejs = require('ejs')

const express = require('express')

var app = express()

// 识别ejs代码
app.set("view engine","ejs") // 将模板引擎设置为ejs

// app.use('/assets',express.static('assets'));

var data={
    name : '杨涛',
    sex : '男',
};

//交互方式
app.get('/',function (req, res) {
    res.render('demo',data,function () {
        console.log(data)
    })
});

app.listen(3000);