欢迎您访问程序员文章站本站旨在为大家提供分享程序员计算机编程知识!
您现在的位置是: 首页

一个简单的node.js实现界面

程序员文章站 2022-06-30 19:54:05
...

最近要写一个工具界面整合项目的功能属性,方便其他部门的人进行编辑,有点类似后台。会有部分数据上的交互。于是学习了下node.js后端的知识。

源码如下:

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

//从命令行参数获取root目录,默认是当前目录
var root = path.resolve(process.argv[2] || '.');

console.log('Static root dir: ' + root);

//创建服务器
var server = http.createServer(function (request, response) {
    //获取URL的路径
    var pathname = url.parse(request.url).pathname,
    //获取对应的本地文件的路径
        filepath = path.join(root, pathname);
    //获取文件状态
    fs.stat(filepath, function (err, stats) {
        if (!err && stats.isFile()) {
            console.log('200 ' + request.url);
            //发送响应
            response.writeHead(200);
            //将文件流导向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/');

本项目目录结构如下:

一个简单的node.js实现界面

js和html页面按常规写好之后执行cnd命令:

一个简单的node.js实现界面

最终效果如下:

一个简单的node.js实现界面


node.js和npm的安装配置,详见菜鸟驿站。更多详细node.js技术细节见廖雪峰的官方网站之JavaScript篇