nodejs下express+ejs 第一个小例子_res.render('comment', data);-CSDN博客

本文链接：https://blog.csdn.net/u014395524/article/details/82466675

闲话少叙，老老实实敲代码~~

首先，创建一个 comment.js

var express = require('express');
var app = express();

var data = {
    user:[{
        name: '张三',
        comment: 'ejs真是太方便了'
    }, {
        name: '李思',
        comment: '我需要在html中在引入ejs么'
    }, {
        name: '徐蕾',
        comment: '不知道该说些什么'
    }, {
        name: '黄莉',
        comment: '随便说点乱七八糟的'
    }, {
        name: '洁宝',
        comment: '初试ejs，还要琢磨琢磨'
    }]
};

app.set('view engine', 'ejs');

app.get('/comment', function(req, res) {
    res.render('comment', data);
});

app.get('/index', function(req, res) {
    res.render('index', {wel: 'hello, EJS'});
});

app.listen(3000, function(){
    console.log('server listening on 3000');
});

然后，是一个模板页面 comment.ejs

<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
<title>comment</title>
<meta name="description" content="">
<meta name="keywords" content="">
<link href="" rel="stylesheet">
</head>
<body>
    <% for(var i=0; i<user.length; i++) { %>
        <h4><%=user[i].name%> :</h4>
        <h4 style="text-indent: 2em; color: #f00;"><%=user[i].comment%></h4>
    <% } %>
</body>
</html>

以及后来添加的一个非常简单的 index.ejs

<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
<title>index</title>
<meta name="description" content="">
<meta name="keywords" content="">
<link href="" rel="stylesheet">
</head>
<body>
    <%=wel%>
</body>
</html>

做了这些后，打开控制台，node 运行 comment.js