回顧下上節課的知識點
- 搭建一個簡單的 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?？梢赃x擇是否覆蓋默認的分割符（'&'）和分配符（'='）。
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();
}
}
簡易計算器效果
這個是初略的顯示下效果，簡單的先完善功能！最后達到的效果如下:
最終版計算器
