1. 程式人生 > >Node.js顯示頁面

Node.js顯示頁面

data 代碼 文件的 nod output dex node 當我 viso

首先我們先要下載並安裝Nodejs,然後進入Node.js中安裝supervisor,

1 npm -g install supervisor

-g表示全局模式 (無論windows哪一個用戶登陸都可以使用)。
安裝成功之後,我們便開始寫代碼了:
首先:我們需要了解同步讀取和異步讀取的區別:
異步讀取文件的時候由操作系統在後臺進行讀取,不會阻礙下面的代碼執行。同步讀取的時候會阻礙下面的代碼執行。
為此,我們在一些網站上可以看到當我們進入某個網站後,有些圖片還未加載出來,而其它內容也在加載,為此,我們圖片可以用同步讀取來進行。
我們先要創建一個js,然後在裏面寫我們需要的代碼,

//定義一個文件的路徑

1 var fs = require("fs")

//定義一個協議

1 var http = require("http")

//定義一個路徑

 1 var url = require("url");
 2 2.var server = http.createServer(function(req,res){//創建一個server
 3 3.    var filePath = url.parse(req,url).pathname; //請求路徑
 4 4.    if(filePath.indexOf("imges")!=-1){  //如果是圖片
 5 5.    var content = fs.readFileSync("./"+filePath,"binary")//
使用同步讀取,binary二進制 6 6. res.write(content,"binary"); //顯示出來 7 7. res.end(); 8 8. }else{ 9 9. res.writeHead(200,{‘Content-Type‘:‘text/html:charset = utf-8‘}); 10 10. outputFile(res,filePath); 11 11. } 12 12.}); 13 13.server.listen(3301); 14 14.function outputFile(res,filePath){ //進行的一個封裝
15 15. fs.readFile("work5.html","utf-8",function(err,data){//異步讀取 16 16. if(err){ 17 17. console.log("有錯誤"+err); 18 18. res.end(); 19 19. }else{ 20 20. res.write(data); 21 21. res.end(); 22 22. } 23 23. }); 24 24.}

Node.js顯示頁面