最近要寫一個工具界面整合項目的功能屬性,方便其他部門的人進行編輯,有點類似后臺。會有部分數(shù)據(jù)上的交互。于是學(xué)習(xí)了下node.js后端的知識。
源碼如下:
// filename:myServer.js// a simple http servervar fs = require('fs'), url = require('url'), path = require('path'), http = require('http');//從命令行參數(shù)獲取root目錄,默認是當前目錄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, //獲取對應(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/');本項目目錄結(jié)構(gòu)如下:

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

最終效果如下:

以上這篇一個簡單的node.js界面實現(xiàn)方法就是小編分享給大家的全部內(nèi)容了,希望能給大家一個參考,也希望大家多多支持VeVb武林網(wǎng)。
新聞熱點
疑難解答