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