一个简单的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 相关文章推荐
跨域表单提交状态的变相判断代码
Nov 12 Javascript
jquery移动listbox的值原理及代码
May 03 Javascript
JavaScript的漂亮的代码片段
Jun 05 Javascript
jquery删除指定的html标签并保留标签内文本内容的方法
Apr 02 Javascript
深入理解JavaScript系列(38):设计模式之职责链模式详解
Mar 04 Javascript
js实现简单的验证码
Dec 25 Javascript
JS简单设置下拉选择框默认值的方法
Aug 20 Javascript
JavaScript编写九九乘法表(两种任选)
Feb 04 Javascript
jQuery插件zTree实现的基本树与节点获取操作示例
Mar 08 Javascript
BootStrap selectpicker后台动态绑定数据的方法
Jul 28 Javascript
原生JS实现微信通讯录
Jun 18 Javascript
webpack4从0搭建组件库的实现
Nov 29 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
ThinkPHP之import方法实例详解
2014/06/20 PHP
让ThinkPHP的模板引擎达到最佳效率的方法详解
2017/03/14 PHP
Extjs学习笔记之九 数据模型(上)
2010/01/11 Javascript
基于jQuery的树控件实现代码(asp.net+json)
2010/07/11 Javascript
JS Date函数整理方便使用
2013/10/23 Javascript
了不起的node.js读书笔记之mongodb数据库交互
2014/12/22 Javascript
jQuery实现简单二级下拉菜单
2015/04/12 Javascript
基于javascript制作微博发布栏效果
2016/04/04 Javascript
浅谈Angular.js中使用$watch监听模型变化
2017/01/10 Javascript
jQuery元素选择器实例代码
2017/02/06 Javascript
详解vue2.0组件通信各种情况总结与实例分析
2017/03/22 Javascript
基于 webpack2 实现的多入口项目脚手架详解
2017/06/26 Javascript
BootStrap Fileinput上传插件使用实例代码
2017/07/28 Javascript
webpack学习笔记之优化缓存、合并、懒加载
2017/08/24 Javascript
详解vue 组件之间使用eventbus传值
2017/10/25 Javascript
vue实现微信二次分享以及自定义分享的示例
2019/03/20 Javascript
在vue项目中使用sass语法问题
2019/07/18 Javascript
layui数据表格实现重载数据表格功能(搜索功能)
2019/07/27 Javascript
使用Vue CLI创建typescript项目的方法
2019/08/09 Javascript
详解Java中String JSONObject JSONArray List转换
2020/11/13 Javascript
H5 js点击按钮复制文本到粘贴板
2020/11/19 Javascript
[02:15]你好,这就是DOTA!
2015/08/05 DOTA
在Python的一段程序中如何使用多次事件循环详解
2017/09/07 Python
Python解决N阶台阶走法问题的方法分析
2017/12/28 Python
python得到一个excel的全部sheet标签值方法
2018/12/10 Python
5分钟 Pipenv 上手指南
2018/12/20 Python
Django自定义用户登录认证示例代码
2019/06/30 Python
python 实现绘制整齐的表格
2019/11/18 Python
CSS3实现类似翻书效果的过渡动画的示例代码
2019/09/06 HTML / CSS
利用纯css3实现的文字亮光特效的代码演示
2014/11/27 HTML / CSS
adidas泰国官网:adidas TH
2020/07/11 全球购物
代码中finally中的代码会不会执行
2012/02/06 面试题
探亲邀请信范文
2014/01/30 职场文书
电台实习生求职信
2014/02/25 职场文书
《认识年月日》教学反思
2016/02/19 职场文书
python 镜像环境搭建总结
2022/09/23 Python