nodeJS实现一个在线填表应用

 1、构建一个web服务器

  以前玩php和jsp时用过Apache、汤姆猫服务器,nodejs则有不同,他是需要自己createServer。

  

//server.jsvar http = require(‘http‘);

http.createServer(function(req,res){
    res.writeHead(200,{‘Content-Type‘:‘text/plain‘});
    res.end(‘so easy!‘);
}).listen(1111,‘127.0.0.1‘);

console.log(‘server runing at 127.0.0.1:1111...‘);

  在浏览器访问127.0.0.1:1111可以看到so easy!字样。

  这里用到的时http模块到createServer方法,node的模块有三种,自有模块,npm模块,文件模块。自有模块直接用require,不带路径;npm模块先要npm install, 然后像自有模块那样引入;文件模块就是自己创建到模块,要带路径引入。

  2、从请求对象中获取东西

  上面到req是一个请求对象,包含了请求相关到信息,可以console.log出来看看,比较多,这里简单介绍。

  (1)req.url

  访问http://127.0.0.1:1111其值为/

  访问http://127.0.0.1:1111/index/index.html?a=1#fd其值为/index/index.html?a=1(注意这里没有hash)

  一般的,用url模块解析其路径,用querystring模块解析其查询参数,当然自己去分解字符串也是可以的。

  3、作出响应

  1中到res是http.ClientRequest 类的一个实例,他有很多方法。这里介绍两个。

  (1)writeHead(status,{‘key‘:value});这个方法用于写响应header头。

  

var http = require(‘http‘);

http.createServer(function(req,res){
    res.writeHead(200,{‘Content-Type‘:‘text/html‘});
    res.end("<html><head><meta charset=‘utf-8‘></head><body><h2>欢迎关注大~熊</h2></body></html>");
}).listen(1111,‘127.0.0.1‘);

console.log(‘server runing at 127.0.0.1:1111...‘);

  如果这样写,得到的响应的head中Content-Type就是text/html,响应数据作为html代码被解析。

  (2)end()

   上面到这个例子已经用到这个方法,作用是将数据写到响应报文的数据段。

  4、读写文件

  读写文件用到的时fs模块。

  (1)读文件

    fs.readFile(file[, options], callback):异步读文件,回调函数有两个参数,第一个错误信息,第二个是读到的数据。数据可能是一个buffer,也可能是一个字符串。取决于options中到encoding

    fs.readFileSync(file[, options]):同步读文件,返回读到到数据

    具体可以看看文档说明,关于同步和异步,大~熊理解不太深入,也经常因为这个犯错。同步是一种阻塞式的,必须读完了后边的事才可以做,异步非阻塞的,一件事没干完后边的事就可以做。

    我在项目根目录下建了一个1.txt文件,内容为“欢迎关注大~熊”;   

var fs = require(‘fs‘);

console.log(fs.readFileSync(__dirname+‘/1.txt‘,‘utf8‘));  //指定了encoding//欢迎关注大~熊

  

var fs = require(‘fs‘);

console.log(fs.readFileSync(__dirname+‘/1.txt‘));     //没有指定encoding
//<Buffer e6 ac a2 e8 bf 8e e5 85 b3 e6 b3 a8 e5 a4 a7 ef bd 9e e7 86 8a>

  异步方法是类似的

var fs = require(‘fs‘);

fs.readFile(__dirname+"/1.txt",‘utf8‘,function(err,data){
    console.log(data);
})

  (2)写文件

    fs.writeFile(file, data[, options], callback),异步api,data可以是buffer也可以时String

    fs.writeFileSync(file, data[, options]),同步api

    

var fs = require(‘fs‘);

fs.writeFileSync(__dirname+‘/1.txt‘,‘大熊真帅!‘,‘utf8‘);

  可以看到文件内容变成了‘大熊真帅!“.

  5、node-xlsx模块和socket.io模块

  前者是帮助我们处理excel表的,请参看https://github.com/mgcrea/node-xlsx

  后者时封装了实时通信的api,请参看https://github.com/socketio/socket.io

二、在线填表应用开发篇

  1、完成效果

  

  这里在录制gif时还存在一个问题,就是a用户修改某一行中,b用户中不会立即显示更改后的数据,现已经改正,原来的时单播事件,改成广播就好了。原计划将代码都贴出来分析分析,但是考虑到放一大段代码似乎不太好,所以将其放到了github上https://github.com/yibingxiong/onlinetable/ ,下面只简单讲一下思路,如果你需要看看源码可以clone,我的github目前没有star,如果你能成为第一个star,大~熊非常高兴。

  2、基本思路

  (1)用户初次链接时向服务器发送一个connectin事件,这个事件是调用io()方法自动发送给服务器的,无需主动调用,服务器接受到这个事件后读取excel文件,并用nodex-xlsx解析,然后调用自定义的一个changeStatus方法,这个方法时根据正在被修改的行的数组isOptRows(这个数组是所有用户共享的,存储正在被修改的行到行号)为每一行增加一个标识,0表示没人在修改,1表示有人在修改。处理完成后向客户端单播一个serverChange事件,同时携带处理后的数据,客户端根据这些数据渲染出表格,将状态为0的行置于可编辑状态,状态为1的行置于不可编辑状态。

  (2)用户点击编辑时,向服务器发送一个enter事件,携带的数据为被编辑的行号。然后将该行数据变成编辑状态,就是变成文本框,按钮变成完成。服务器收到enter事件后,取得其中的行号,加入到isOptRows数组,然后广播一个事件broadcast,携带上行号,告知所有用户"这个行有人在编辑,你不要编辑了",客户端收到这个事件,将这一行变成不可编辑状态。

  (3)用户点击完成后向服务器发送一个datachange事件,携带上修改后到新数据,同时将这一行变成正常状态。服务器收到datachange事件后,将对应行的数据更新,写回到文件。写完后发一个serverChange事件,携带上新的数据。同时从isOptRows中溢出完成修改的行的行号。

  (4)思路总结一下,实现还是比较的简单,不过用这个例子还是可以学习下如何进行实时通信,socket.io其实就是在服务器和客户端建立了一个交流的通路。如果将服务器看作领导,客户端看作员工,可以理解为领导可向单个员工发出指令(单播),也可以开个员工大会,向所用员工发出指令(广播),反过来,员工也可以向领导反映情况。

三、谈谈入门nodejs的感受

  javascript是个奇葩,nodejs更是一个奇葩。javascript里边可以一个函数里边套一个函数,他的继承是基于原型的,他的数组时动态变化的......而nodejs将这门奇葩到语言搬到了服务端,奇葩归奇葩,但是发自内心的说,他们非常灵活,也比较好玩。

  关于nodejs适合io密集什么的我不懂,但是感觉入门还是比较容易的,我看的是清华出版到Node.js开发实战详解(不得不吐槽:这本书的错误真多),两三天就入门了。看了下后面的章节,感觉后边难度会有所加大,不过万物都是相通的,他和其他的比如php之类的还是会有很多共性的。

  不得不提一下jade(现在叫pug)提供的模板引擎,他将我们美丽的html搞成了那个样子确实让人很不适应啊,相比之下更喜欢ejs这个模板引擎,发现他jsp长得好像啊,好像遇到旧友一般。

  刚入门nodejs,关于文中的一些错误和不当之处还请各位园友多多批评指正。最后,如果你喜欢半血的话,请关注他。 

时间: 2024-08-09 10:44:07

nodeJS实现一个在线填表应用的相关文章

用nodejs搭建一个简单的服务器

使用nodejs搭建一个简单的服务器 nodejs优点:性能高(读写文件) 数据操作能力强 官网:www.nodejs.org 验证是否安装成功:cmd命令行中输入node -v 如果显示版本号表示安装成功 [常用命令] 切换盘符 d:进入文件夹 cd nodejs返回上一级目录 cd..清屏 cls展示目录 dir复制文件名 选中右键--复制历史操作 上箭头 执行文件 node 文件名(在文件文件夹目录中)停止命令行 ctrl+c nodejs可以使用的ECMAScript.读写文件.数据库操

共享一个在线代码片段收集服务

目的:用于个人收集代码片段或者网页片段. 使用前需注册或使用Google帐号登录. 主界面: 创建代码段: 创建文章片段: 查看代码片段: 网址在这里:http://codebag.urtracker.cn 欢迎有需的同学来使用. 共享一个在线代码片段收集服务,布布扣,bubuko.com

H TML5 之 (5) 一个在线画图板

这里加入了点难度了,增加了对HTML很多时间的把握,对象的把握 index.html <!DOCTYPE HTML> <html> <head> <title>Paint</title> <meta charset="gbk" /> <link type="text/css" href="canvas.css" rel="stylesheet"/&g

介绍一个在线编程和编译网站

在线编程网站 http://www.compileonline.com/ 提供了各种语言编译.运行环境,可大大简化客户端程序安装配置的复杂度,实现即时编程的目的; 当然,如果你想用这些机器的计算资源,也是一个好的途径. 支持的语言包括: Ada (Gnat) Algol-68 Assembly Awk Bash Shell Basic Befunge Brainf**k C C99 Strict COBOL C++ C++11 C++0x C# Clojure Dart D Language E

J2EE用监听器实现同一用户只能有一个在线

这里我们讨论的是已登陆或将要登陆的用户,游客不在讨论的范围之内.这一点大家应该很容易就能理解的吧.                那么我们应该怎样去实现同一用户只能有一个在线这样的一个小功能呢? 有人可能就会这样设想了:"这不是很简单吗?只要在数据库中用一个字段来标记用户的状态就行了,比如如果用户登陆了就将状态设为1,退出了就将这个用户的状态设为0,OK,搞定."                 但是,实际上是不是这样呢?其实不全是.为什么这样说呢?其实如果你的想法跟上面那样或相似的话

用nodejs搭建一个简单的服务监听程序

作为一个从业三年左右的,并且从事过半年左右PHP开发工作的前端,对于后台,尤其是对以js语言进行开发的nodejs,那是比较有兴趣的,虽然本身并没有接触过相关的工作,只是自己私下做的一下小实验,但是还是记录一下方便以后复习! 今天主要记录一下,很久以前用nodejs制作一个简单的服务监听程序的一些过程! 大家都知道,通过nodejs可以对前台请求进行监听,这里就放一个官网的hello world例子吧: var http = require('http'); http.createServer(

用nodejs做一个svn密码修改页面

linux上配置好svn后,管理修改密码还得去手工修改passwd这个文件,太麻烦,其实网上应该有配套的web管理修改界面.但我想自己用nodejs写一个,因为用node不用配置复杂的服务器. 弄这种基于事件模型的语言,一定要小心,整个过程可能不是线性的. 1 var http = require("http"); 2 var fs = require('fs'); 3 var url = require('url'); 4 var query = require('querystri

从零开始,在windows上用nodejs搭建一个静态文件服务器

首先安装nodejs: 新建一个node文件夹 下载node.exe到该文件夹 下载npm然后解压到该文件夹 现在node文件夹是这样的 把该目录加入到path环境变量 在命令行执行 node -v npm -v 如果得到了版本号则表示nodejs安装完成 在命令行中执行 npm config set registry https://registry.npm.taobao.org 以后安装nodejs模块 都会从淘宝的npm镜像中下载 如果想要发布自己的模块到npm要先把npm的registr

Nodejs完成一个待办事项的实例教程

这是一个用Node完成的待办事项的Demo,支持手机端和PC浏览器端同时查看.下载地址:https://github.com/yangfanacc/Todo 在线查看效果可以访问这个网址:http://123.56.44.245:3460 效果图如下:首先介绍一个这个待办事项示例项目的搭建环境: 1.Nodejs版本:v0.10.35 2.Mongodb(使用Mongoose连接Mongodb数据库) 3.前台使用了国内比较好用的开源框架[Amaze](http://amazeui.org/)