首页 > Web开发 > 详细

nodejs http ejs

时间:2019-05-29 13:38:03      阅读:93      评论:0      收藏:0      [点我收藏+]
// 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>

 



 


 
 
 
 

nodejs http ejs

原文:https://www.cnblogs.com/xingchong/p/10943107.html

(0)
(0)
   
举报
评论 一句话评论(0
关于我们 - 联系我们 - 留言反馈 - 联系我们:wmxa8@hotmail.com
© 2014 bubuko.com 版权所有
打开技术之扣,分享程序人生!