使用node.js怎么實(shí)現(xiàn)一個(gè)界面

這篇文章給大家介紹使用node.js怎么實(shí)現(xiàn)一個(gè)界面，內(nèi)容非常詳細(xì)，感興趣的小伙伴們可以參考借鑒，希望對(duì)大家能有所幫助。

源碼如下：

// filename:myServer.js
// a simple http server
var
 fs = require('fs'),
 url = require('url'),
 path = require('path'),
 http = require('http');

//從命令行參數(shù)獲取root目錄，默認(rèn)是當(dāng)前目錄
var root = path.resolve(process.argv[2] || '.');
console.log('Static root dir: ' + root);

//創(chuàng)建服務(wù)器
var server = http.createServer(function (request, response) {
 //獲取URL的路徑
 var pathname = url.parse(request.url).pathname,
 //獲取對(duì)應(yīng)的本地文件的路徑
 filepath = path.join(root, pathname);
 //獲取文件狀態(tài)
 fs.stat(filepath, function (err, stats) {
 if (!err && stats.isFile()) {
  console.log('200 ' + request.url);
  //發(fā)送響應(yīng)
  response.writeHead(200);
  //將文件流導(dǎo)向response
  fs.createReadStream(filepath).pipe(response);
 } else {
  console.log('404 ' + request.url);
  response.writeHead(404);
  response.end('404 Not Found');
 }
 });
});

server.listen(8081);
console.log('Server is running at http://127.0.0.1:8081/');

本項(xiàng)目目錄結(jié)構(gòu)如下：

js和html頁(yè)面按常規(guī)寫好之后執(zhí)行cnd命令：

關(guān)于使用node.js怎么實(shí)現(xiàn)一個(gè)界面就分享到這里了，希望以上內(nèi)容可以對(duì)大家有一定的幫助，可以學(xué)到更多知識(shí)。如果覺(jué)得文章不錯(cuò)，可以把它分享出去讓更多的人看到。