// 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. B. Light bulbs（2019 ICPC上海站）

    There are NN light bulbs indexed from 00 to N-1N−1. Initially, all of them are off. A FLIP operation ...

  2. 2019基于python的网络爬虫系列，爬取糗事百科

    **因为糗事百科的URL改变,正则表达式也发生了改变,导致了网上许多的代码不能使用,所以写下了这一篇博客,希望对大家有所帮助,谢谢!** 废话不多说,直接上代码. 为了方便提取数据,我用的是beaut ...

  3. 找到最大或者最小的N个元素

    heapq模块中的两个函数nlargest()和nsmallest() import heapq nums = [1,5,6,458,6,787,5,45,6] print(heapq.nlarges ...

  4. MVC--MVP?

    第一部分:什么是MVP?什么是MVC? 1.什么是MVP? M:数据层(数据库.网络.文件存储等等...) V:View和Activity和Fragment以及它们的子类 P:中介->Prese ...

  5. vue中ref的使用（this.$refs获取为undefined）

    如果你获取到的总是空的,你注意一下: 1.你在哪里调用,和你调用的对象 试试在mounted()里面调用有效果没有 调用的对象是本来就存在的,还是需要数据渲染之后才会出现的,同理,在mounted() ...

  6. 异步action和redux-thunk理解

    异步action一般指的就是异步action创建函数 action创建函数分为同步action创建函数和异步action创建函数 同步action创建函数(最常见的): function reques ...

  7. BBS论坛 home主页与个人站点主页

    五.Home主页与个人站点主页 home首页代码: # views.py视图函数部分代码def home(request): # 将数据库中的所有文章展示到主页 article_list = mode ...

  8. selenium 操作键盘事件

    一.key包提供按键方法 使用必须先引用key包:from selenium.webdriver.common.keys import Keys 键盘事件,在现实操作中我们习惯性的按tab见切换到写一 ...

  9. JAVA去除抖音视频的水印源码！！！

    @PostMapping("geturl") public DataResponse decodeDouiyin(@RequestBody DouyinRequest req ) ...

  10. react使用阿里爸爸的iconfont时，不展示的问题

    选择使用Unicode时: 正常使用如下,显示也是正常: <i className="iconfont"></i> 使用map去循环时,需将原本的,改成 ...