一个简单的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 相关文章推荐
用javascript操作xml
Nov 04 Javascript
Mozilla 表达式 __noSuchMethod__
Apr 05 Javascript
一个JavaScript获取元素当前高度的实例
Oct 29 Javascript
JavaScript实现更改网页背景与字体颜色的方法
Feb 02 Javascript
js中字符串编码函数escape()、encodeURI()、encodeURIComponent()区别详解
Apr 01 Javascript
jQuery UI Bootstrap是什么?
Jun 17 Javascript
JS匿名函数类生成方式实例分析
Nov 26 Javascript
分享Bootstrap简单表格、表单、登录页面
Aug 04 Javascript
3种vue组件的书写形式
Nov 29 Javascript
Vue进度条progressbar组件功能
Apr 17 Javascript
JS判断两个数组或对象是否相同的方法示例
Feb 28 Javascript
js实现滚动条自动滚动
Dec 13 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
咖啡的种类和口感
2021/03/03 新手入门
转换中文日期的PHP程序
2006/10/09 PHP
php echo 输出字符串函数详解
2010/05/13 PHP
使用Apache的htaccess防止图片被盗链的解决方法
2013/04/27 PHP
Gambit vs ForZe BO3 第一场 2.13
2021/03/10 DOTA
javascript 解析url的search方法
2010/02/09 Javascript
jquery下利用jsonp跨域访问实现方法
2010/07/29 Javascript
JavaScript中的toLocaleDateString()方法使用简介
2015/06/12 Javascript
详细介绍jQuery.outerWidth() 函数具体用法
2015/07/20 Javascript
cocos2dx骨骼动画Armature源码剖析(一)
2015/09/08 Javascript
Bootstrap3.0建站教程(一)之bootstrap表单元素排版
2016/06/01 Javascript
Vue实现自带的过滤器实例
2017/03/09 Javascript
微信小程序 页面跳转及数据传递详解
2017/03/14 Javascript
js+html5生成自动排列对话框实例
2017/10/09 Javascript
vue实现2048小游戏功能思路详解
2018/05/09 Javascript
详解如何在vue项目中使用layui框架及采坑
2019/05/05 Javascript
JavaScript基于面向对象实现的无缝滚动轮播示例
2020/01/17 Javascript
[53:13]2014 DOTA2国际邀请赛中国区预选赛5.21 DT VS LGD-GAMING
2014/05/22 DOTA
遍历python字典几种方法总结(推荐)
2016/09/11 Python
Python Web程序部署到Ubuntu服务器上的方法
2018/02/22 Python
Python中一个for循环循环多个变量的示例
2019/07/16 Python
python 图片二值化处理(处理后为纯黑白的图片)
2019/11/01 Python
Python实现爬取网页中动态加载的数据
2020/08/17 Python
Python3+selenium配置常见报错解决方案
2020/08/28 Python
基于HTML5 WebGL的3D机房的示例
2018/03/16 HTML / CSS
Cotton On香港网站:澳洲时装连锁品牌
2018/11/01 全球购物
婚鞋、新娘鞋、礼服鞋、童鞋:Nina Shoes
2019/09/04 全球购物
员工培训心得体会
2013/12/30 职场文书
职工运动会感言
2014/02/07 职场文书
小学感恩节活动策划方案
2014/10/06 职场文书
2015年工程部工作总结
2015/04/30 职场文书
转正申请报告格式
2015/05/15 职场文书
初中物理教学反思
2016/02/19 职场文书
导游词之镜泊湖
2019/12/09 职场文书
Python中else的三种使用场景
2021/06/16 Python
MySQL基于索引的压力测试的实现
2021/11/07 MySQL