首先我们新建一个文件夹  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. android怎么打开wifi的组播功能

    http://android.tgbus.com/Android/tutorial/201204/418987.shtml

  2. Ubuntu和win10双系统Grup无法引导解决方案

    通常我们经常安装双系统, 但是有时候安装完系统无法正常引导, 以下就说明Ubuntu和win10双系统, win10在grub界面不断循环的解决方案 直接在win10启动项目上按e进入编辑模式 在文档 ...

  3. [iOS Animation]-CALayer 定时器动画

    定时器的动画 我可以指导你,但是你必须按照我说的做. -- 骇客帝国 在第10章“缓冲”中,我们研究了CAMediaTimingFunction,它是一个通过控制动画缓冲来模拟物理效果例如加速或者减速 ...

  4. SocketChannel

    Java NIO 中的 SocketChannel 是一个连接到 TCP 网络套接字的通道.可以通过以下 2 种方式创建 SocketChannel: 打开一个 SocketChannel 并连接到互 ...

  5. Android线程之基本用法

    一: 在android中有两种实现线程thread的方法: 一种是,扩展java.lang.Thread类 另一种是,实现Runnable接口 二: Thread类代表线程类,它的两个最主要的方法是: ...

  6. MUI开发注意事项

    mui开发注意事项,有需要的朋友可以参考下. mui是一个高性能的HTML5开发框架,从UI到效率,都在极力追求原生体验:这个框架自身有一些规则,刚接触的同学不很熟悉,特总结本文:想了解mui更详细的 ...

  7. UILabel常用属性小结

    标签常用的属性: (1)frame属性:设置标签的位置与大小. frame = CGRectMake(CGFloat x, CGFloat y, CGFloat width, CGFloat heig ...

  8. 阿里CEO张勇：阿里蚂蚁20亿元扶持开发者

    https://bbs.taobao.com/catalog/thread/508895-318032179.htm?spm=a21bo.7724922.8439-0.2.tkjSOl 阿里CEO张勇 ...

  9. UVa 10057 - A mid-summer night's dream

    题目大意:给n个数,找一个数A使得A与这n个数的差的绝对值最小.输出A最小的可能值,n个数中满足A的性质的数的个数以及满足A性质的不同的数的个数(不必从这n个数中挑选). 看见绝对值就想到了数轴上点之 ...

  10. 环信 之 iOS 客户端集成四：集成UI 之 会话列表

    1. 初始化 EaseConversationListViewController *chatListVC = [[EaseConversationListViewController alloc] ...