一个简单的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 大家可以参考下
Oct 13 Javascript
setInterval()和setTimeout()的用法和区别示例介绍
Nov 17 Javascript
jQuery判断元素是否存在的可靠方法
May 06 Javascript
jQuery实现的个性化返回底部与返回顶部特效代码
Oct 30 Javascript
jQuery实现下拉框多选 jquery-multiselect 的实例代码
Jul 14 Javascript
jQuery分页插件jquery.pagination.js使用方法解析
Feb 09 Javascript
ES6中Proxy与Reflect实现重载(overload)的方法
Mar 30 Javascript
ES6学习笔记之正则表达式和字符串正则方法分析
Apr 25 Javascript
vue实现同一个页面可以有多个router-view的方法
Sep 20 Javascript
微信小程序下拉加载和上拉刷新两种实现方法详解
Sep 05 Javascript
微信小程序实现搜索框功能及踩过的坑
Jun 19 Javascript
Vue3 响应式侦听与计算的实现
Nov 11 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
Re:从零开始的异世界生活 第2季 开播啦
2020/07/24 日漫
浅析PHP中的字符串编码转换(自动识别原编码)
2013/07/02 PHP
PHP获取文件扩展名的4种方法
2015/11/24 PHP
PHP读取大文件末尾N行的高效方法推荐
2016/06/03 PHP
PHP正则判断一个变量是否为正整数的方法
2019/02/27 PHP
阻止JavaScript事件冒泡传递(cancelBubble 、stopPropagation)
2007/05/08 Javascript
jQuery事件 delegate()使用方法介绍
2012/10/30 Javascript
js添加select下默认的option的value和text的方法
2014/10/19 Javascript
使用 js+正则表达式为关键词添加链接
2014/11/11 Javascript
javascript制作sql转换为stringBuffer的小工具
2015/04/03 Javascript
jQuery File Upload文件上传插件使用详解
2016/12/06 Javascript
JS实现针对给定时间的倒计时功能示例
2017/04/11 Javascript
js,jq,css多方面实现简易下拉菜单功能
2017/05/13 Javascript
ReactNative中使用Redux架构总结
2017/12/15 Javascript
vue如何将v-for中的表格导出来
2018/05/07 Javascript
详解vue项目中使用token的身份验证的简单实践
2019/03/08 Javascript
小程序封装wx.request请求并创建接口管理文件的实现
2019/04/29 Javascript
layer弹出层自定义提交取消按钮的例子
2019/09/10 Javascript
vue-router的hooks用法详解
2020/06/08 Javascript
python多重继承实例
2014/10/11 Python
Python使用time模块实现指定时间触发器示例
2017/05/18 Python
python之Character string(实例讲解)
2017/09/25 Python
python使用__slots__让你的代码更加节省内存
2018/09/05 Python
python opencv 实现对图像边缘扩充
2020/01/19 Python
python math模块的基本使用教程
2021/01/16 Python
Python环境搭建过程从安装到Hello World
2021/02/05 Python
Python 爬取淘宝商品信息栏目的实现
2021/02/06 Python
html5中svg canvas和图片之间相互转化思路代码
2014/01/24 HTML / CSS
全球在线商店:BerryLook
2019/04/14 全球购物
Opodo意大利:欧洲市场上领先的在线旅行社
2019/10/24 全球购物
小学生秋游活动方案
2014/02/23 职场文书
大学军训感言300字
2014/03/09 职场文书
演讲比赛策划方案
2014/06/11 职场文书
2015年乡镇财政工作总结
2015/05/19 职场文书
音乐之声观后感
2015/06/04 职场文书
CSS3实现的文字弹出特效
2021/04/16 HTML / CSS