首先我们新建一个文件夹  demo-test-node-1

目录目录如下

-- blog_recents.js

--template.html

--titles.jspn

首先我们新建一个 template.html

<!DOCTYPE html>

<html lang="en">

<head>

    <meta charset="UTF-8">

    <title> demo-test-node-1 </title>

</head>

<body>

    <h1>laters Posts</h1>

    <ul>

        <li>%</li>

    </ul>

</body>

</html>

这个页面就完成了

接下来我们只做  blog_recents.js

var http = require('http');

var fs = require('fs');

var server = http.createServer(function(req,res){

    if(req.url == '/'){

        fs.readFile('./titles.json',function(err,data){

            if(err){

                console.log(err);

                res.end('Server error');

            }else{

                var titles = JSON.parse(data.toString());

                fs.readFile('./template.html',function(err,data){

                    if(err){

                        console.log(err);

                        res.end('Server error');

                    }else{

                        var temp = data.toString();

                        var html = temp.replace('%',titles.join('</li><li>'));

                        res.writeHead(200,{'Content-Type':'text/html'});

                        res.end(html);

                    }

                });

                // fs end

            }

        })

        // fs end

    }

    // if end

})

server.listen(1234,'127.0.0.1',function(){

    console.log('127.0.0.1:1234');

});

启动一个http 服务器 加载静态文件 template.html  和 titles.json 文件

接下来我们新建一个  titles.json文件

[

	"以项目为驱动，在项目中快乐学习，解决软件开发学习枯燥",

	"时间长，效果不明显，容易放弃等问题。"

]

只做完成后，cd 进入你当前的目录 node blog_recent.js 运行 是不是很简单呢

效果图如下

至此demo完成！

此项目demo地址 ： https://github.com/guopz/demo-test-node-1

扩展

晋级项目 个人博客

demo地址 ：https://github.com/guopz/nodejs-blog

有兴趣的同学可以clone一下

一个基于node 的小demo的更多相关文章

  1. 一个基于vue的仪表盘demo

    最近写了一个基于vue的仪表盘,其中 主要是和 transform 相关的 css 用的比较多.给大家分享一下,喜欢的话点个赞呗?嘿嘿 截图如下: 实际效果查看地址:https://jhcan333. ...

  2. Swift基础之实现一个镂空图片的小Demo

    前两天看了别人的文章,涉及到了镂空的展示,所以我在这里把实现的内容写成Swift语言的小Demo,供大家欣赏 首先,需要创建导航视图,然后创建两种展示方式的按钮 let vc = ViewContro ...

  3. 如何设计一个基于Node.js和Express的网站架构？

    前言 今年七月份,我和几个小伙伴们合伙建立了一个开发团队.业务开展如火如荼的同时,团队宣传就提上了日程,所以迫切需要搭建公司网站出来.确定目标后我们就开始考虑如果构建一个企业网站.先是进行业内调查,看 ...

  4. gulp安装+一个超简单入门小demo

    gulp安装參考.gulp安装參考2. 一.NPM npm是node.js的包管理工具.主要功能是管理.更新.搜索.公布node的包. Gulp是通过npm安装的. 所以首先,须要安装node.js. ...

  5. iOS：自己写的一个星级评价的小Demo

    重新整理了下自己星级评价的Demo,可以展示星级评价,可以动态修改星级. github的地址:https://github.com/hunterCold/HYBStarEvaluationView a ...

  6. 如何创建一个基于Node的HTTP服务器

    首先创建一个HTTP服务器. var http = require('http'); function serve(request,response) { console.log(request.me ...

  7. 一个JNI的helloworld小demo

    最近想学习一下jni,在网上看了一些demo,自己也操作了一遍,首先我将我自己学习的demo网站贴出来:https://blog.csdn.net/lwcloud/article/details/78 ...

  8. 分享一个基于 Node.js 的 Web 开发框架 - Nokitjs

    简介 Nokit 是一个简单易用的基于 Nodejs 的 Web 开发框架,默认提供了 MVC / NSP / RESTful 等支持,并提供对应项目模板.管理工具. 资源 GitHub https: ...

  9. 一个基于node express4.0和mongodb的活动报名

    代码放在code.csdn.net上了,详细https://code.csdn.net/qazwsx2345/node_activity/tree/master git clone git@code. ...

随机推荐

  1. Firefox 插件 JSview是一套比较实用的JS，CSS文件查看工具，很方便，很快捷地查看页面引用了哪些文件，作为Web前端开发者是一套必备的插件，由于Firefox升级过快，插件很快不兼容了，这里对插件做了一些调整，可以兼容最新Firefox浏览器（目前FireFox 21）

    JSView Firefox Plugins Download  点击下载

  2. openstack controller ha测试环境搭建记录（九）——配置nova（计算节点）

    编辑所有节点的/etc/hosts:10.0.0.14 controller110.0.0.12 controller210.0.0.13 controller310.0.0.10 myvip10.0 ...

  3. 最新 Spring 4.2.2 集成 Quartz Scheduler 2.2.2 任务调度示例

    参考http://blog.csdn.net/defonds/article/details/49496895 本文将演示如何通过 Spring 使用 Quartz Scheduler 进行任务调度. ...

  4. 【转】我是怎么找到电子书的 – IT篇

    多读书,提高自己 电子出版物 IT-ebooks http://it-ebooks.info/ 上万本英文原版电子书,大多数为apress和o'relly的.全都是文字版,体积小又清楚.适合懂英文的人 ...

  5. STM32——timer

    原文地址: http://blog.sina.com.cn/s/blog_49cb42490100s6ud.html   1.     STM32的Timer简介 STM32中一共有11个定时器,其中 ...

  6. Valgrind 快速入门

    1. 介绍 Valgrind工具组提供了一套调试与分析错误的工具包,能够帮助你的程序工作的更加准确,更加快速.这些工具之中最有名的是Memcheck.它能够识别很多C或者C++程序中内存相关的错误,这 ...

  7. 匿名函数里的this的执行环境和指向--javascript

    重新看了下闭包,在javascript高级程序设计第二版里的闭包里有如下例子,例子中介绍说匿名函数的执行环境具有全局性和this指向window,对于这句话很费解,所以就想个方法验证下. var na ...

  8. PHP与MySql建立连接

    通过PHP脚本建立与一个MySQL数据库的连接时,数据库服务器的主机位置(在本地就是localhost).用户名(root).密码.和数据库名是必须的.一旦建立连接,脚本就能执行SQL命令.二者联系的 ...

  9. iOS 之 界面编程解析

    参考:http://www.cocoachina.com/design/20151225/14789.html 0. 内容概述 基础与本质:说明普遍意义上的UI系统的三大模块,让读者从整体上对UI系统 ...

  10. SNPs & MAF

    SNPs,全称是single nucleotide polymorphisms,SNPs等位基因频率的容易估计.采用混和样本估算等位基因的频率是种高效快速的策略.该策略的原理是:首先选择参考样本制作标 ...