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


Posted in Javascript onJune 01, 2018

最近要写一个工具界面整合项目的功能属性,方便其他部门的人进行编辑,有点类似后台。会有部分数据上的交互。于是学习了下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界面实现方法就是小编分享给大家的全部内容了,希望能给大家一个参考,也希望大家多多支持三水点靠木。

Javascript 相关文章推荐
论坛特效代码收集(落伍转发-不错)
Dec 02 Javascript
combox改进版 页面原型参考dojo的,比网上jQuery的那些combox功能强,代码更小
Apr 15 Javascript
jquery $.each()使用探讨
Sep 23 Javascript
js计算德州扑克牌面值的方法
Mar 04 Javascript
JavaScript操作URL的相关内容集锦
Oct 29 Javascript
json传值以及ajax接收详解
May 24 Javascript
JavaScript直播评论发弹幕切图功能点集合效果代码
Jun 26 Javascript
基于BootStrap实现局部刷新分页实例代码
Aug 08 Javascript
实现点击下箭头变上箭头来回切换的两种方法【推荐】
Dec 14 Javascript
深入理解JS继承和原型链的问题
Dec 17 Javascript
angular2路由切换改变页面title的示例代码
Aug 23 Javascript
微信小程序methods中定义的方法互相调用的实例代码
Aug 07 Javascript
浅析前端路由简介以及vue-router实现原理
Jun 01 #Javascript
Vue中的混入的使用(vue mixins)
Jun 01 #Javascript
JavaScript实现的简单加密解密操作示例
Jun 01 #Javascript
JS引用传递与值传递的区别与用法分析
Jun 01 #Javascript
Express之托管静态文件的方法
Jun 01 #Javascript
纯JS实现出生日期[年月日]下拉菜单效果
Jun 01 #Javascript
详解Angular操作cookies方法
Jun 01 #Javascript
You might like
PHP使用trim函数去除字符串左右空格及特殊字符实例
2016/01/07 PHP
PHP批量删除jQuery操作
2017/07/23 PHP
Alliance vs AM BO3 第二场2.13
2021/03/10 DOTA
动态加载js的几种方法
2006/10/23 Javascript
JS OOP包机制,类创建的方法定义
2009/11/02 Javascript
jquery div 居中技巧应用介绍
2012/11/24 Javascript
动态的创建一个元素createElement及删除一个元素
2014/01/24 Javascript
使用jQuery中的when实现多个AJAX请求对应单个回调的例子分享
2014/04/23 Javascript
通过$(this)使用jQuery包装后的方法或属性
2014/05/18 Javascript
JavaScript操作 url 中 search 部分方法函数
2016/06/15 Javascript
[原创]jQuery常用的4种加载方式分析
2016/07/25 Javascript
jQuery实现滚动条滚动到子元素位置(方便定位)
2017/01/08 Javascript
Angular2-primeNG文件上传模块FileUpload使用详解
2017/01/14 Javascript
COM组件中调用JavaScript函数详解及实例
2017/02/23 Javascript
jQuery 表单序列化实例代码
2017/06/11 jQuery
使用vue实现grid-layout功能实例代码
2018/01/05 Javascript
javascript实现前端成语点击验证
2020/06/24 Javascript
[02:53]DOTA2亚洲邀请赛 NewBee战队巡礼
2015/02/03 DOTA
[40:27]完美世界DOTA2联赛PWL S3 PXG vs GXR 第一场 12.19
2020/12/24 DOTA
Python切片用法实例教程
2014/09/08 Python
Python 常用 PEP8 编码规范详解
2017/01/22 Python
ubuntu17.4下为python和python3装上pip的方法
2018/06/12 Python
python绘制立方体的方法
2018/07/02 Python
python读取Kafka实例
2019/12/23 Python
HTML5本地存储之Web Storage详解
2016/07/04 HTML / CSS
html5中canvas图表实现柱状图的示例
2017/11/13 HTML / CSS
在印度上传处方,在线订购药品:Medlife
2019/03/28 全球购物
说出你对remoting 和webservice的理解和应用
2014/06/08 面试题
关于Java finally的面试题
2016/04/27 面试题
J2ee常用的设计模式?说明工厂模式
2015/05/21 面试题
幼师求职自荐信
2014/05/31 职场文书
2014年管理人员工作总结
2014/12/01 职场文书
经营目标责任书
2015/05/08 职场文书
入党团支部推荐意见
2015/06/02 职场文书
JavaScript函数柯里化
2021/11/07 Javascript
动作冒险《Hell Is Us》将采用虚幻5 消灭怪物探索王国
2022/04/13 其他游戏