nodejs express ejs

//express-demo.js

var ejs = require('ejs');
var express = require('express');
var app = express();
 
app.get('/', function (req, res) {
res.send('Hello World express');
})
app.get('/ejs-demo', function (req, res) { showDemo(req, res) } );

var server = app.listen(8001, function () {
var host = server.address().address
var port = server.address().port
console.log("应用实例,访问地址为 http://%s:%s", host, port)
})


//show demo of ejs
var showDemo = function(req, res){
var users = ['郭建国', '刘幸福', '张富强', '王大宝', '李钢蛋'];
ejs.renderFile('./view/demo.ejs', { users: users }, function(err, str) {
if (err) {
console.log(err);
} else {
res.writeHead(200, { 'Content-Type': 'text/html; charset=utf-8' });
res.write(str);
res.end();
}
});
}
 
 
 
 
 
//demo.ejs
<body>

<%- include('./common-header.ejs'); %>
<h1>关于我</h1>

<ul>
<% for(var i = 0; i < users.length; i++) { %>
<% var user = users[i]; %>
<li><%= user %></li>
<% } %>
</ul>
</body>
 
 
 
//common-header.ejs
<header>
<a href="/">我的网站</a>
<nav>
<li><a href="aboutme">关于我</a></li>
<li><a href="projects">项目介绍</a></li>
<li><a href="blog">个人博客</a></li>
</nav>
</header>
 


 
 




猜你喜欢

转载自www.cnblogs.com/xingchong/p/10943104.html