nodejs http ejs

// ejs-demo.js
var http = require('http');
var ejs  = require('ejs');
var url  = require('url');

// 搭建 HTTP 服务器
var server = http.createServer(function(req, res) {
    var urlObj = url.parse(req.url, true);
    switch (urlObj.pathname) {
        case '':
        case '/':
            showDemo(req, res);
            break;
        case '/header':
            showHeader(req, res);
            break;
    }
}).listen(8002);
console.log('Server running at http://127.0.0.1:8002/');


//show demo
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();
        }
    });
}


//show header
var showHeader = function(req, res){
    var users = ['a','b'];
    ejs.renderFile('./view/common-header.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>

猜你喜欢