快捷導(dǎo)航

一個(gè)簡(jiǎn)單的node.js界面實(shí)現(xiàn)方法

更新時(shí)間：2018年06月01日 14:55:15 作者：搖扇子的諸葛亮

今天小編就為大家分享一篇一個(gè)簡(jiǎn)單的node.js界面實(shí)現(xiàn)方法，具有很好的參考價(jià)值，希望對(duì)大家有所幫助。一起跟隨小編過來(lái)看看吧

最近要寫一個(gè)工具界面整合項(xiàng)目的功能屬性，方便其他部門的人進(jìn)行編輯，有點(diǎn)類似后臺(tái)。會(huì)有部分?jǐn)?shù)據(jù)上的交互。于是學(xué)習(xí)了下node.js后端的知識(shí)。

源碼如下：

// 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命令：

最終效果如下：

以上這篇一個(gè)簡(jiǎn)單的node.js界面實(shí)現(xiàn)方法就是小編分享給大家的全部?jī)?nèi)容了，希望能給大家一個(gè)參考，也希望大家多多支持腳本之家。

您可能感興趣的文章:

相關(guān)文章

node.js中的buffer.Buffer.isEncoding方法使用說(shuō)明
這篇文章主要介紹了node.js中的buffer.Buffer.isEncoding方法使用說(shuō)明,本文介紹了buffer.Buffer.isEncoding的方法說(shuō)明、語(yǔ)法、接收參數(shù)、使用實(shí)例和實(shí)現(xiàn)源碼,需要的朋友可以參考下
2014-12-12
nodejs+socket.io實(shí)現(xiàn)p2p消息實(shí)時(shí)發(fā)送的項(xiàng)目實(shí)踐
本文主要介紹了nodejs+socket.io實(shí)現(xiàn)p2p消息實(shí)時(shí)發(fā)送，文中通過示例代碼介紹的非常詳細(xì)，對(duì)大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價(jià)值，需要的朋友們下面隨著小編來(lái)一起學(xué)習(xí)學(xué)習(xí)吧
2022-06-06
Windows系統(tǒng)下Node.js安裝以及環(huán)境配置的完美教程
相信對(duì)于很多關(guān)注javascript發(fā)展的同學(xué)來(lái)說(shuō),nodejs已經(jīng)不是一個(gè)陌生的詞眼,下面這篇文章主要給大家介紹了關(guān)于Windows系統(tǒng)下Node.js安裝以及環(huán)境配置的完美教程,需要的朋友可以參考下
2022-06-06
nodejs實(shí)現(xiàn)一個(gè)自定義的require方法的詳細(xì)流程
大家對(duì)nodejs中的require方法應(yīng)該不會(huì)陌生,這個(gè)方法可以用來(lái)導(dǎo)入nodejs的內(nèi)置模塊,自定義模塊,第三方模塊等,使用頻率非常高,那么這個(gè)方法內(nèi)部是如何實(shí)現(xiàn)的呢?本篇文章就是從頭到尾拆分實(shí)現(xiàn)流程,最終實(shí)現(xiàn)一個(gè)自定義的require方法,需要的朋友可以參考下
2025-03-03
更新npm項(xiàng)目依賴的實(shí)現(xiàn)方法
依賴管理是其中一個(gè)至關(guān)重要的環(huán)節(jié),本文主要介紹了更新npm項(xiàng)目依賴的實(shí)現(xiàn)方法,文中通過示例代碼介紹的非常詳細(xì),對(duì)大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價(jià)值,需要的朋友們下面隨著小編來(lái)一起學(xué)習(xí)學(xué)習(xí)吧
2024-06-06
sharp.js安裝過程中遇到的問題總結(jié)
本文給大家講述的是Node.js服務(wù)端圖片處理利器sharp.js安裝過程中遇到的問題的匯總,非常不錯(cuò),有需要的小伙伴可以參考下
2020-04-04
在node中如何使用 ES6
這篇文章主要介紹了在node中如何使用 ES6 ，小編覺得挺不錯(cuò)的，現(xiàn)在分享給大家，也給大家做個(gè)參考。一起跟隨小編過來(lái)看看吧
2017-04-04
Nodejs讀取文件時(shí)相對(duì)路徑的正確寫法(使用fs模塊)
本篇文章主要介紹了linux 環(huán)境 mysql寫入中文報(bào)錯(cuò)的相關(guān)知識(shí)。具有很好的參考價(jià)值。下面跟著小編一起來(lái)看下吧
2017-04-04
nvm對(duì)Node.js進(jìn)行版本控制的實(shí)現(xiàn)
本文主要介紹了用nvm來(lái)管理Node.js版本,通過nvm用戶可以輕松地在不同版本的Node.js之間切換,具有一定的參考價(jià)值,感興趣的可以了解一下
2024-12-12
Node.js連接數(shù)據(jù)庫(kù)實(shí)現(xiàn)過程詳解
這篇文章主要為大家介紹了Node.js連接數(shù)據(jù)庫(kù)實(shí)現(xiàn)過程詳解，有需要的朋友可以借鑒參考下，希望能夠有所幫助，祝大家多多進(jìn)步，早日升職加薪
2022-12-12