一个简单的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 相关文章推荐
js解析与序列化json数据(一)json.stringify()的基本用法
Feb 01 Javascript
Jquery遍历节点的方法小集
Jan 22 Javascript
javascript 数组的定义和数组的长度
Jun 07 Javascript
JavaScript检测原始值、引用值、属性
Jun 20 Javascript
angularjs 中$apply,$digest,$watch详解
Oct 13 Javascript
浅析Node.js:DNS模块的使用
Nov 23 Javascript
JavaScript中使用webuploader实现上传视频功能(demo)
Apr 10 Javascript
angularjs实现上拉加载和下拉刷新数据功能
Jun 12 Javascript
vue.js使用代理和使用Nginx来解决跨域的问题
Feb 03 Javascript
vueJs实现DOM加载完之后自动下拉到底部的实例代码
Aug 31 Javascript
详解用Webpack与Babel配置ES6开发环境
Mar 12 Javascript
layer.js open 隐藏滚动条的例子
Sep 05 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对MySQL的缓冲查询和无缓冲查询
2016/07/01 PHP
轻松掌握php设计模式之访问者模式
2016/09/23 PHP
php中final关键字用法分析
2016/12/07 PHP
PHP使用imagick扩展实现合并图像的方法
2017/04/25 PHP
Mac下php 5升级到php 7的步骤详解
2017/04/26 PHP
Prototype PeriodicalExecuter对象 学习
2009/07/19 Javascript
jQuery lazyload 的重复加载错误以及修复方法
2010/11/19 Javascript
让你的博文自动带上缩址的实现代码,方便发到微博客上
2010/12/28 Javascript
JS限制Textarea文本域字符个数的具体实现
2013/08/02 Javascript
eclipse如何忽略js文件报错(附图)
2013/10/30 Javascript
node.js开发中使用Node Supervisor实现监测文件修改并自动重启应用
2014/11/04 Javascript
jQuery实现下拉框选择图片功能实例
2015/08/08 Javascript
vue如何截取字符串
2019/05/06 Javascript
JavaScript实现英语单词题库
2019/12/24 Javascript
微信小程序自定义纯净模态框(弹出框)的实例代码
2020/03/09 Javascript
[46:00]Ti4 冒泡赛第二轮LGD vs C9 2
2014/07/14 DOTA
详解Python3中的Sequence type的使用
2015/08/01 Python
Python数据结构与算法之图的最短路径(Dijkstra算法)完整实例
2017/12/12 Python
解决python3 urllib 链接中有中文的问题
2018/07/16 Python
python使用tcp实现局域网内文件传输
2020/03/20 Python
Django添加KindEditor富文本编辑器的使用
2018/10/24 Python
python绘制多个子图的实例
2019/07/07 Python
django使用haystack调用Elasticsearch实现索引搜索
2019/07/24 Python
python hash每次调用结果不同的原因
2019/11/21 Python
tensorflow 20:搭网络,导出模型,运行模型的实例
2020/05/26 Python
Python 如何定义匿名或内联函数
2020/08/01 Python
个人现实表现材料
2014/02/04 职场文书
电子商务系毕业生自荐信
2014/05/29 职场文书
四查四看自我剖析材料
2014/09/19 职场文书
2014年保险业务员工作总结
2014/12/23 职场文书
幼师辞职信范文
2015/02/27 职场文书
个人求职自荐信范文
2015/03/06 职场文书
企业内部管理控制:银行存款控制制度范本
2020/01/10 职场文书
MySQL 分页查询的优化技巧
2021/05/12 MySQL
CSS 左边固定宽右边自适应的6种方法
2022/05/15 HTML / CSS
在Oracle表中进行关键词搜索的过程
2022/06/10 Oracle