美文网首页我爱编程
XDL_NO.5 Node.js 中的I/O交互

XDL_NO.5 Node.js 中的I/O交互

作者: Junting | 来源:发表于2016-08-11 00:19 被阅读45次

    回顾下上节课的知识点

    • 搭建一个简单的 Node.js 服务器
    * 利用到 HTTP 模块(要使用HTTP服务器或客户端功能,需引用此模块)
    
    • 利用Node.js 搭建一个静态网站
    * 利用到 HTTP 模块、URL模块、fs 文件操作模块
    

    今天的主题是:Node.js 中的I/O交互


    那么I/O是什么?

    • I input,O output 输入输出,交互,你有输入那我有输出(反馈)
    • I/O 操作包括读写操作、输入输出、请求响应、数据库...
    • 那了解到这,我就更需要知道node.js 中 是异步 I/O的,详细说明

    交互,带给人们更好的体验!

    readline 模块 逐行读取

    要使用此模块,需要require('readline').Readline程序允许逐行读取一个流内容(例如process.stdin).
    需要注意的是你一旦调用了这个模块,你的node程序将不会终止直到你关闭此接口。下面是如何让你的程序正常退出的方法:

    rl.close();
    

    通过readline 模块,实现一个简单的终端交互的例子

    var readline = require('readline');    // 引入 readline 模块,实例化一个test.js
    // 创建一个 readline 的接口实例
    // input要监听的可读流 process.stdin
    // output要写入的readline 的可写流 process.stdout
    var rl = readline.createInterface({input:process.stdin,output: process.stdout});
    rl.setPrompt("请输入:");               // 设置提示符
    rl.prompt();                          // 为用户输入准备好readline,将现有的setPrompt选项放到新的一行,让用户有一个新的地方开始输入。
    rl.on('line',(line)=>{                // 监听 line 事件,触发闭包函数
      var str = line.trim();              // 对用户输入的字符串进行两端去除空格
      console.log("你输入的是:"+str);      // 控制台显示用户输入的信息
      rl.prompt();                        // 然后再产生新的一行,给用户输入
    });  
    

    效果:

    I/O终端交互

    那这样就产生了一个简单的交互,但这个你只要写就会一直输出,不关闭窗口或者使用 Ctrl+c ,永远也不会停止 ,所以这里我要使用 readline 提供的一个让程序正常退出:

     rl.close();
    

    先来一个,监听退出程序给予一个提示(使用Ctrl+c退出程序):

    var readline = require('readline');    // 引入 readline 模块,实例化一个test.js
    // 创建一个 readline 的接口实例
    // input要监听的可读流 process.stdin
    // output要写入的readline 的可写流 process.stdout
    var rl = readline.createInterface({input:process.stdin,output: process.stdout});
    rl.setPrompt("请输入:");               // 设置提示符
    rl.prompt();                          // 为用户输入准备好readline,将现有的setPrompt选项放到新的一行,让用户有一个新的地方开始输入。
    rl.on('line',(line)=>{                // 监听 line 事件,触发闭包函数
      var str = line.trim();              // 对用户输入的字符串进行两端去除空格
      console.log("你输入的是:"+str);      // 控制台显示用户输入的信息
      rl.prompt();                        // 然后再产生新的一行,给用户输入
    }).on('close',()=>{                   // 监听退出程序时 ,调用闭包函数
      console.log("好好学习,天天向上!Coding、Coding!");
      // rl.close();
      process.exit();                     // 列队行进中 退出,好比我正在排队打饭,有事,退出队列
    });
    

    上面这个例子的退出是不是感觉并不友好,所以下面我们来个更加有好一点的:

    终端交互

    那接下来,我们来玩一个竞猜游戏,使用到readline 中的,rl.question(query, callback)
    预先提示指定的query(询问),然后用户应答后触发指定的callback。 显示指定的query给用户后,当用户的应答被输入后,就触发了指定的callback

    var readline = require("readline");                 // 引入 readline 模块
    var rl       = readline.createInterface({           // 创建一个readline 接口
      input : process.stdin,                            // 要监听的可读流
      output: process.stdout                            // 要写人line的可写流u
    });
    rl.setPrompt("欢迎参加答题!请输入OK进入答题,输入NO退出答题!");      // 设置提示符
    rl.prompt();                                                       // 为用户输入准备好readline,将现有的setPrompt选项放到新的一行,让用户有一个新的地方开始输入。
    rl.on('line',(line)=>{                                             // 绑定事件,监听 line ,看用户输入什么
        var str = line.trim().toLowerCase();
        if(str == 'ok'){
          rl.question("你爱不爱我?",(answer)=>{
            var answer = answer.trim();
            if(answer == '爱'){
              console.log('你最好了!');
              rl.close();
            }else{
              console.log('你讨厌,不和你玩了!');
              rl.close();
            }
          });
        }else if(str == "no"){
          console.log("谢谢你的使用!");
          rl.close();
        }else {
          console.log("您输入的有误,请重新输入!");
          rl.prompt();
        }
    });
    
    竞猜

    嘻嘻,自娱自乐中学习了 rl.question();

    引入自定义模块

      exports.sk = function(exstr){
           console.log('这是一个上课模块'+ exstr);
      }
       
      文件:text.js 引用该模块文件
      var sk = require('./exports');
    
    自定义模块 自定义模块

    Query String

    这个模块提供一些处理 query string(查询 字符串) 的工具。

    querystring.stringify(obj, [sep], [eq])

    序列化一个对象到一个 query string。可以选择是否覆盖默认的分割符('&')和分配符('=')。

     querystring.stringify({foo: 'bar', baz: 'qux'}, ';', ':')
      // 返回如下字串'foo:bar;baz:qux'
      // ; 作为分割符    : 分配符(替换分割)
    

    querystring.parse(str, [sep], [eq], [options])

    将一个 query string 反序列化为一个对象。可以选择是否覆盖默认的分割符('&')和分配符('=')。
    options对象可能包含maxKeys属性(默认为1000),它可以用来限制处理过的键(key)的数量.设为0可以去除键(key)的数量限制.

    querystring.parse('foo=bar&baz=qux&baz=quux&corge')
    // returns{ foo: 'bar', baz: ['qux', 'quux'], corge: '' }
    

    querystring.escape

    供 querystring.stringify 使用的转意函数,在必要的时候可被重写。

    querystring.unescape

    供 querystring.parse 使用的反转意函数,在必要的时候可被重写。

    知道了这个 模块对字符串的操作和处理,在结合前几天的所学,来做个小实验吧!Web 版的 简易计算器(node.js)

          // 引入http、url、fs、querystring 模块
    var http = require("http");
    var url  = require("url");
    var fs   = require("fs");
    var qs   = require("querystring");
    
    // 监听的 端口、ip
    var ip   = '192.168.1.9';
    var port = 8080;
    //创建一个新的WEB服务器对象
    http.createServer(onRequest).listen(port,ip);
    // 接收请求 的处理函数
    function onRequest(req,res){
    // 获取请求的url,地址
    var pathname = url.parse(req.url).pathname; //parse() 把字符串转成json
    // 读取文件
    if(pathname == '/'){
      // 返回资源文件类型
      res.writeHead(200,{'Content-Type':'text/html;charset="UTF-8"'});
      // 读取文件内容,返回给客户端
      fs.readFile('./jsq.html',(err,content)=>{
        res.write(content);
        res.end();
      });
    }else if(pathname == '/js'){   // 表单提交
        // 定义两个变量 接收数据 data 变量  和 计算结果值 result
        var info   = '';
        var result = '';
        // 添加一哥监听 事件, 监听 data 提交过来的数据 ;这里的addListener和on一样的
        req.addListener('data',function(postData){
          info += postData;        // 将提交过来的数据一一给予a 连接在一起
          var _info = qs.parse(info);  // 将info 字符串转换成json对象
          var num1  = parseInt(_info["num1"]); // 将想要的数据提取出来,转成整型
          var ysf   = parseInt(_info["ysf"]);
          var num2  = parseInt(_info["num2"]);
          console.log("参数1:"+num1);
          console.log("运算操作序号:"+ysf);
          console.log("参数2:"+num2);
          // 然后根据 运算符 的值  ,来做相应的运算操作
          switch (ysf) {
            case 1:
                result = num1+num2;
              break;
            case 2:
                result = num1-num2;
              break;
            case 3:
                result = num1*num2;
              break;
            case 4:
                result = num1/num2;
              break;
          }
    
          // 监听请求结束事件 将运算的结果返回给客户端
          req.on('end',function(){ // 证明下 on 和 addListener 无差别
            res.writeHead(200,{'Content-Type':'text/html;charset="UTF-8"'});
            fs.readFile("jsq.html",function(err,data){
              res.write(data);
              res.write("结果是:"+result);        // 返回运算结果,添加到页面当中去
              res.end();
            });
          });
        });
    }else{
      res.writeHead(404,{'Content-Type':'text/html;charset="UTF-8"'});
      res.write("请求失败!");
      res.end();
    }
    }
    
    简易计算器效果

    这个是初略的显示下效果,简单的先完善功能!最后达到的效果如下:

    最终版计算器

    相关文章

      网友评论

        本文标题:XDL_NO.5 Node.js 中的I/O交互

        本文链接:https://www.haomeiwen.com/subject/kavjsttx.html