// 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的更多相关文章

  1. nodejs+express+ejs+mongoose实例

    nodejs+express+ejs+mongoose实例 nodejs学得异常痛苦,在这里将学的东西做一番整理,算是自我安慰吧.根据网上todo示例,用express和mongoose重写了部分代码 ...

  2. 用nodejs,express,ejs,mongo,extjs实现了简单了网站后台管理系统

    源代码下载地址:http://download.csdn.net/detail/guoyongrong/6498611 这个系统其实是出于学习nodejs的目的而改写的系统. 原来的系统前端使用了ex ...

  3. Windows环境下，从零开始搭建Nodejs+Express+Ejs框架（二）---安装Express，ejs

    安装Express,ejs的前提是一定要先安装nodejs,具体安装方法请查看 http://www.cnblogs.com/tfiremeteor/p/8973105.html 安装Express和 ...

  4. Nodejs + express + ejs

    特性 <% %> 用于控制流 <%= %> 用于转义的输出 (会对数据字符进行转义) // 数据源 // app.js var tem={ title:"我是中间部分 ...

  5. nodejs创建ejs工程

    <Node.js开发指南>创建ejs项目的命令为: express -t ejs microblog.执行后,创建的是jade项目.在express3.x,express4.x中创建ejs ...

  6. Windows环境下，从零开始搭建Nodejs+Express+Ejs框架（一）---安装nodejs

    第一步,安装nodejs https://nodejs.org/en/download/ 这个是nodejs的官网,由于操作系统是win7 64位的,所以,我下载的是node-v8.11.1-x64的 ...

  7. Nodejs + express + ejs 之服务器demo

    var http=require("http"); var express=require("express"); var fs = require(" ...

  8. nodejs学习笔记

    这里有一段废话,我写了又删,删了又写,反复了十来次,最后还是把它删除了.不用想了,那是一段牢骚话兼有煽情意思. 好了,还是把我学习nodejs的笔记记录下来吧,一来复习巩固,加深印象,二来自己实践中出 ...

  9. Nodejs学习笔记（七）--- Node.js + Express 构建网站简单示例

    目录 前言 新建项目.建立数据库以及其它准备工作 新建express + ejs 项目:sampleEjs 创建数据库 修改package.json文件,安装session和mysql模块 样式和JQ ...

随机推荐

  1. Xen的体系结构

    1. BIOS的虚拟化 xen的启动过程,与x86系统一样,首先要进入保护模式,然后安装中断处理程序. xen的中断处理程序可以分为几种,有的是直接分发给正在运行的操作系统,有的是分发给安装了硬件驱动 ...

  2. Django框架（九）—— 单表增删改查，在Python脚本中调用Django环境

    目录 单表增删改查,在Python脚本中调用Django环境 一.数据库连接配置 二.orm创建表和字段 三.单表增删改查 1.增加数据 2.删除数据 3.修改数据 4.查询数据 四.在Python脚 ...

  3. Mysql 查询视图出现The user specified as a definer ('root'@'%') does not exist的问题

    今天服务器Mysql版本在5.7升级到8.0+之后,部分网站(老的)访问视图出现The user specified as a definer ('root'@'%') does not exist问 ...

  4. How to enter special characters like “&” in oracle database? [duplicate]

    SQL> set define off; or use Try 'Java_22 '||'&'||' Oracle_14'

  5. CentOS提示：:unknown filesystem type 'ntfs'自动挂载NTFS分区的U盘或者移动硬盘

    CentOS默认源里没有NTFS-3G,想要添加ntfs支持,无非是自己下载编译安装或者加源yum安装.重新安装了一个CentOS7,用的是添加aliyun的epel源来yum安装的方式,简单易行. ...

  6. 10.Struts2值栈

    1.什么是值栈 * 值栈就相当于Struts2框架的数据的中转站,向值栈存入一些数据.从值栈中获取到数据. * ValueStack 是 struts2 提供一个接口,实现类 OgnlValueSta ...

  7. 字符串利用%02d将月份前加0

    i = 20190104 a = 2019 b = 1 c = 4 s = "%04d-%02d-%02d" % (a, b, c)

  8. Q：微信小程序一次性订阅消息（前台收集）

    说明:官方文档(https://developers.weixin.qq.com/miniprogram/dev/framework/open-ability/subscribe-message.ht ...

  9. Jmeter-【JSON Extractor】-响应结果中三级key取值

    一.请求返回样式 二.取第三个option 三.查看结果

  10. ZF、TP、CI等各种框架的区别

    (原标题:面试常见问题之ZF.TP.CI等框架的区别 http://blog.163.com/m13341159039_1/blog/static/245953061201522092212820/) ...