// 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. [Flink原理介绍第四篇】：Flink的Checkpoint和Savepoint介绍

    原文:https://blog.csdn.net/hxcaifly/article/details/84673292 https://blog.csdn.net/zero__007/article/d ...

  2. 前端（二十）—— vue介绍：引用vue、vue实例、实例生命周期钩子

    vue 一.认识Vue 定义:一个构建数据驱动的 web 界面的渐进式框架 优点: 1.可以完全通过客户端浏览器渲染页面,服务器端只提供数据 2.方便构建单页面应用程序(SPA) 3.数据驱动 =&g ...

  3. Quartz CronTrigger 整配置说明

    Quartz cron 表达式的格式向下支持到秒级别的计划,而 UNIX cron 计划仅支持至分钟级.  Quartz用cron 表达式存放执行计划,引用了cron表达式的CronTrigger在计 ...

  4. 十分钟学习 react配套的类型检测库——prop-types的运用

    js 有时在定义变量的类型为number 或string 时并不会报错,所以prop-types 是专门用来检测react ,以前的版本是把它放到react架构里面 ,现在作为一个独立的库搬出来了,跟 ...

  5. 搭建WordPress博客程序库

    搭建WordPress博客程序库 wordpress简介 wordpress是一套利用PHP语言和Mysql数据库开发的开源免费的Blog(博客,网站)程序,用户可以在支持PHP环境和Mysql数据库 ...

  6. css 画饼图 倒计时圆圈

    html <div class="pie"></div> css .pie{ width: 200px; height: 200px; border-rad ...

  7. autocomplete调用接口数据实现

    开发中遇到需要对大量数据实时搜索,频繁调取api产生的问题记录 1.每输入一个字符,就向后端发一次请求.当输入完一个人名的时候,就已经向后端发送了好多条请求,太多的请求会给服务器带来压力,其实在实时搜 ...

  8. 【模板篇】Link Cut Tree模板(指针)

    网上一片一片的LCT都是数组写的 orz 用指针写splay的人想用指针写LCT找板子都不好找QAQ 所以能A题了之后自然要来回报社会, 把自己的板子丢上来(然而根本没有人会看) LCT讲解就省省吧, ...

  9. python学习笔记（十）——正则表达式和re模块

    #正则表达式和re模块 # match(pattern, string,[flag]) #在字符串开始时进行匹配 # pattern 正则表达式 # string 要匹配的字符串 # [flag] 可 ...

  10. vuex之module

    由于使用单一状态树,应用的所有状态会集中到一个比较大的对象.当应用变得非常复杂时,store 对象就有可能变得相当臃肿. 为了解决以上问题,Vuex 允许我们将 store 分割成模块(module) ...