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

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);

你可能感兴趣的:(node)