回顾下上节课的知识点
- 搭建一个简单的 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();
}
}
简易计算器效果
这个是初略的显示下效果，简单的先完善功能！最后达到的效果如下:
最终版计算器
网友评论