一个简单的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 相关文章推荐
网上抓的一个特效
May 11 Javascript
JS 有趣的eval优化输入验证实例代码
Sep 22 Javascript
使用jQuery简单实现模拟浏览器搜索功能
Dec 21 Javascript
JQuery中属性过滤选择器用法实例分析
May 18 Javascript
js继承实现方法详解
Dec 16 Javascript
微信小程序开发经验总结(推荐)
Jan 11 Javascript
Bootstrap表格制作代码
Mar 17 Javascript
基于jQuery的表单填充实例
Aug 22 jQuery
webpack自动打包和热更新的实现方法
Jun 24 Javascript
JS实现横向轮播图(中级版)
Jan 18 Javascript
JS实现按比例缩小图片宽高
Aug 24 Javascript
解决vue与node模版引擎的渲染标记{{}}(双花括号)冲突问题
Sep 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
PHP中的integer类型使用分析
2010/07/27 PHP
PHP date()函数警告: It is not safe to rely on the system解决方法
2014/08/20 PHP
php替换字符串中间字符为省略号的方法
2015/05/04 PHP
PHP 断点续传实例详解
2017/11/11 PHP
解决Laravel无法使用COOKIE和SESSION的问题
2019/10/16 PHP
Javascript YUI 读码日记之 YAHOO.util.Dom - Part.2 0
2008/03/22 Javascript
学习ExtJS(二) Button常用方法
2009/10/07 Javascript
js日期时间补零的小例子
2013/03/05 Javascript
JQuery选择器绑定事件及修改内容的方法
2015/01/23 Javascript
jQuery异步上传文件插件ajaxFileUpload详细介绍
2015/05/19 Javascript
深入学习JavaScript中的原型prototype
2015/08/13 Javascript
tangram.js库实现js类的方式实例分析
2018/01/06 Javascript
VSCode 添加自定义注释的方法(附带红色警戒经典注释风格)
2020/08/27 Javascript
[38:54]完美世界DOTA2联赛PWL S2 Rebirth vs LBZS 第一场 11.28
2020/12/01 DOTA
JPype实现在python中调用JAVA的实例
2017/07/19 Python
python中requests使用代理proxies方法介绍
2017/10/25 Python
Python爬取附近餐馆信息代码示例
2017/12/09 Python
python爱心表白 每天都是浪漫七夕!
2018/08/18 Python
python 使用pandas计算累积求和的方法
2019/02/08 Python
10分钟用python搭建一个超好用的CMDB系统
2019/07/17 Python
python实现删除列表中某个元素的3种方法
2020/01/15 Python
pymongo insert_many 批量插入的实例
2020/12/05 Python
乐天旅游香港网站:日本饭店预订
2017/11/29 全球购物
法学专业应届生求职信
2013/10/16 职场文书
门卫岗位职责
2013/11/15 职场文书
会计专业自荐信范文
2013/12/02 职场文书
社会学专业学生职业规划书
2014/02/07 职场文书
生产部厂长职位说明书
2014/03/03 职场文书
2014年寒假社会实践活动心得体会
2014/04/07 职场文书
交警作风整顿剖析材料
2014/10/11 职场文书
2015年仓库工作总结
2015/04/09 职场文书
2016新年问候语大全
2015/11/11 职场文书
2019年中学生的思想品德评语集锦
2019/12/19 职场文书
jQuery class属性操作addClass()与removeClass()、hasClass()、toggleClass()
2021/03/31 jQuery
单身狗福利?Python爬取某婚恋网征婚数据
2021/06/03 Python
Python还能这么玩之只用30行代码从excel提取个人值班表
2021/06/05 Python