一个简单的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的asp.net树实现代码
Nov 30 Javascript
js实现鼠标悬停图片上时滚动文字说明的方法
Feb 17 Javascript
jQuery匹配文档链接并添加class的方法
Jun 26 Javascript
JavaScript作用域示例详解
Jul 07 Javascript
通过Ajax使用FormData对象无刷新上传文件方法
Dec 08 Javascript
实现微信小程序的wxml文件和wxss文件在webstrom的支持
Jun 12 Javascript
jQuery实现的中英文切换功能示例
Jan 11 jQuery
详解微信小程序之scroll-view的flex布局问题
Jan 16 Javascript
javascript实现遮罩层动态效果实例
May 14 Javascript
JS中this的4种绑定规则详解
Feb 04 Javascript
微信小程序实现签到弹窗动画
Sep 21 Javascript
Vue实现鼠标经过文字显示悬浮框效果的示例代码
Oct 14 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
如何批量替换相对地址为绝对地址(利用bat批处理实现)
2013/05/27 PHP
基于php常用函数总结(数组,字符串,时间,文件操作)
2013/06/27 PHP
PHP面向对象程序设计之命名空间与自动加载类详解
2016/12/02 PHP
基于PHP实现短信验证码发送次数限制
2020/07/11 PHP
解决FireFox下[使用event很麻烦]的问题
2006/11/26 Javascript
prototype Element学习笔记(篇二)
2008/10/26 Javascript
javascript函数以及基础写法100多条实用整理
2013/01/13 Javascript
jQuery模拟新浪微博首页滚动效果的方法
2015/03/11 Javascript
浅析Node.js中使用依赖注入的相关问题及解决方法
2015/06/24 Javascript
基于jquery实现简单的手风琴特效
2015/11/24 Javascript
Bootstrap入门书籍之(四)菜单、按钮及导航
2016/02/17 Javascript
JavaScript修改作用域外变量的方法
2016/03/25 Javascript
将form表单通过ajax实现无刷新提交的简单实例
2016/10/12 Javascript
JavaScript校验Number(4,1)格式的数字实例代码
2017/03/13 Javascript
javascript中innerHTML 获取或替换html内容的实现代码
2020/03/17 Javascript
微信小程序图片右边加两行文字的代码
2020/04/23 Javascript
[09:13]2014DOTA2国际邀请赛 中国区预选赛coser表演
2014/05/23 DOTA
Python实现在matplotlib中两个坐标轴之间画一条直线光标的方法
2015/05/20 Python
Python实现简单HTML表格解析的方法
2015/06/15 Python
深入理解Python中的内置常量
2017/05/20 Python
Python读取和处理文件后缀为.sqlite的数据文件(实例讲解)
2017/06/27 Python
Python爬虫常用小技巧之设置代理IP
2018/09/13 Python
Python 获取ftp服务器文件时间的方法
2019/07/02 Python
pytorch 中pad函数toch.nn.functional.pad()的用法
2020/01/08 Python
css3中用animation的steps属性制作帧动画
2019/04/25 HTML / CSS
阿里健康官方海外旗舰店:阿里健康国际自营
2017/11/24 全球购物
世嘉游戏英国官方商店:SEGA Shop UK
2019/09/20 全球购物
莫斯科制造商的廉价皮大衣:Fursk
2020/06/09 全球购物
运动会通讯稿50字
2014/01/30 职场文书
美术毕业生求职信
2014/02/25 职场文书
企业出纳岗位职责
2014/03/12 职场文书
行政诉讼答辩状
2015/05/21 职场文书
大学班长竞选稿
2015/11/20 职场文书
生活委员竞选稿
2015/11/21 职场文书
2016新党章学习心得体会
2016/01/15 职场文书
速龙x4-860k处理器相当于i几
2022/04/20 数码科技