// 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>
 
 
 
 
 

最新文章

  1. angular js 在ie11 下的get请求缓存问题的解决办法
  2. SVN项目锁定解决方案
  3. vim黏贴代码格式混乱的解决方法
  4. iOS开发中的远程推送实现(最新,支持iOS9)
  5. poj 3114(强连通缩点+SPFA)
  6. hibernate结合使用gson转换json中一点看法
  7. Linux 自动更新时间
  8. WndPric的使用方法
  9. javascript笔记整理(回调、递归、内置顶层函数)
  10. 第一章 Java语言概述2
  11. Bandit Wargame Level12 Writeup
  12. python学习日记(OOP——@property)
  13. Flutter学习(一)之MaterialApp和Scaffold组件使用详解
  14. 在vue.js 中使用animate.css库
  15. ROC和AUC理解
  16. 什么是ORM?为啥要是用ORM?
  17. expect 安装使用
  18. 【Cesium】天空盒子
  19. LigerUI下拉选择列表LigerComboBox中tree的节点初始化默认选中的问题
  20. web项目打包后在代码中获取资源文件

热门文章

  1. CoreDump analyse
  2. 如何从ST官网下载STM32标准库
  3. PHP对象在内存中的分配(转载)
  4. java读取pdf文本转换html
  5. webpack 配置之入门一
  6. 推荐20个让你学习并精通CSS的网站
  7. JavaScript深浅拷贝区别
  8. Vue引入日期格式插件moment.js
  9. FTT &amp; NTT &amp; 分治FFT
  10. leetcode- 距离顺序排序矩阵单元格