一个简单的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 相关文章推荐
jquery+json 通用三级联动下拉列表
Apr 19 Javascript
基于jQuery试卷自动排版系统
Jul 18 Javascript
js 处理URL实用技巧
Nov 23 Javascript
深入分析原生JavaScript事件
Dec 29 Javascript
js限制input标签中只能输入中文
Jun 26 Javascript
JavaScript实现数组随机排序的方法
Jun 26 Javascript
同步文本框内容JS代码实现
Aug 04 Javascript
bootstrap table 表格中增加下拉菜单末行出现滚动条的快速解决方法
Jan 05 Javascript
详解JavaScript中关于this指向的4种情况
Apr 18 Javascript
jquery 键盘事件 keypress() keydown() keyup()用法总结
Oct 23 jQuery
解决vue中的无限循环问题
Jul 27 Javascript
Vue scoped及deep使用方法解析
Aug 01 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中PDO解决中文乱码问题的一些补充
2010/09/06 PHP
jQuery+PHP+ajax实现微博加载更多内容列表功能
2014/06/27 PHP
ThinkPHP项目分组配置方法分析
2016/03/23 PHP
CodeIgniter开发实现支付宝接口调用的方法示例
2016/11/14 PHP
javascript 学习之旅 (3)
2009/02/05 Javascript
一个简单的jQuery插件制作 学习过程及实例
2010/04/25 Javascript
js 程序执行与顺序实现详解
2013/05/13 Javascript
JQuery替换DOM节点的方法
2015/06/11 Javascript
js中实现字符串和数组的相互转化详解
2016/01/24 Javascript
深入理解jQuery.data() 的实现方式
2016/11/30 Javascript
微信小程序 缓存(本地缓存、异步缓存、同步缓存)详解
2017/01/17 Javascript
AngularJS的依赖注入实例分析(使用module和injector)
2017/01/19 Javascript
javascript ES6中箭头函数注意细节小结
2017/02/17 Javascript
使用vue与jquery实时监听用户输入状态的操作代码
2017/09/19 jQuery
Vue项目中最新用到的一些实用小技巧
2018/11/06 Javascript
JavaScript 判断iPhone X Series机型的方法
2019/01/28 Javascript
详解原生JS动态添加和删除类
2019/03/26 Javascript
python根据文件大小打log日志
2014/10/09 Python
使用graphics.py实现2048小游戏
2015/03/10 Python
详解Python之数据序列化(json、pickle、shelve)
2017/03/30 Python
浅谈python可视化包Bokeh
2018/02/07 Python
浅谈Series和DataFrame中的sort_index方法
2018/06/07 Python
Python3实现的旋转矩阵图像算法示例
2019/04/03 Python
Python3批量移动指定文件到指定文件夹方法示例
2019/09/02 Python
HTML5实现动画效果的方式汇总
2016/02/29 HTML / CSS
详解HTML5将footer置于页面最底部的方法(CSS+JS)
2018/10/11 HTML / CSS
what is the difference between ext2 and ext3
2013/11/03 面试题
优秀的自荐信要注意哪些
2014/01/03 职场文书
高中生的自我鉴定范文
2014/01/24 职场文书
会计学自我鉴定
2014/02/06 职场文书
仓管员岗位责任制
2014/02/19 职场文书
公司合作意向书
2014/04/01 职场文书
中队活动总结
2014/08/27 职场文书
预备党员学习十八届三中全会精神思想汇报
2014/09/13 职场文书
12.4全国法制宣传日活动总结
2014/11/01 职场文书
Spring Cloud Gateway去掉url前缀
2021/07/15 Java/Android