一个简单的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中的变量是传值还是传址的?
Apr 19 Javascript
JavaScript 选中文字并响应获取的实现代码
Aug 28 Javascript
window.showModalDialog参数传递中含有特殊字符的处理方法
Jun 06 Javascript
javascript中$(function() {});写与不写有哪些区别
Aug 10 Javascript
js+css简单实现网页换肤效果
Dec 29 Javascript
Node.js制作简单聊天室
Jan 12 Javascript
Vue.js使用$.ajax和vue-resource实现OAuth的注册、登录、注销和API调用
May 10 Javascript
深入理解React中何时使用箭头函数
Aug 23 Javascript
详解如何使用koa实现socket.io官网的例子
Nov 04 Javascript
webpack优化的深入理解
Dec 10 Javascript
Nginx设置为Node.js的前端服务器方法总结
Mar 27 Javascript
jQuery实现日历效果
Sep 11 jQuery
浅析前端路由简介以及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高手?学会“懒惰”的编程
2006/12/05 PHP
PHP投票系统防刷票判断流程分析
2012/02/04 PHP
解析php二分法查找数组是否包含某一元素
2013/05/23 PHP
thinkphp查询,3.X 5.0方法(亲试可行)
2017/06/17 PHP
TP(thinkPHP)框架多层控制器和多级控制器的使用示例
2018/06/13 PHP
JQuery 学习技巧总结
2010/05/21 Javascript
javascript 学习笔记(六)浏览器类型及版本信息检测代码
2011/04/08 Javascript
JS加jquery简单实现标签元素的显示或隐藏
2013/09/23 Javascript
jQuery文件上传插件Uploadify使用指南
2014/06/05 Javascript
JavaScript实现网站访问次数统计代码
2015/08/12 Javascript
jQuery自定义数值抽奖活动代码
2016/06/11 Javascript
JS实现简单获取最近7天和最近3天日期的方法
2018/04/18 Javascript
深入理解JS的事件绑定、事件流模型
2018/05/13 Javascript
javascript实现前端input密码输入强度验证
2020/06/24 Javascript
[02:25]DOTA2英雄基础教程 生死判决瘟疫法师
2013/12/06 DOTA
[02:42]DOTA2英雄基础教程 杰奇洛
2013/12/23 DOTA
[00:55]2015国际邀请赛中国区预选赛5月23日——28日约战上海
2015/05/25 DOTA
[40:05]DOTA2上海特级锦标赛A组小组赛#1 EHOME VS MVP.Phx第一局
2016/02/25 DOTA
从零学Python之入门(五)缩进和选择
2014/05/27 Python
Python实现程序的单一实例用法分析
2015/06/03 Python
Flask框架的学习指南之制作简单blog系统
2016/11/20 Python
Python正则表达式教程之二:捕获篇
2017/03/02 Python
Tensorflow 利用tf.contrib.learn建立输入函数的方法
2018/02/08 Python
python机器人运动范围问题的解答
2019/04/29 Python
flask框架路由常用定义方式总结
2019/07/23 Python
解决Python3.8用pip安装turtle-0.0.2出现错误问题
2020/02/11 Python
关于pycharm 切换 python3.9 报错 ‘HTMLParser‘ object has no attribute ‘unescape‘ 的问题
2020/11/24 Python
北美最大的参茸药食商城:德成行
2020/12/06 全球购物
信息专业大学生自我评价分享
2014/01/17 职场文书
2014元旦晚会策划方案
2014/02/19 职场文书
2014年公司植树节活动方案
2014/03/04 职场文书
开服装店计划书
2014/08/15 职场文书
2014年企业党支部工作总结
2014/12/04 职场文书
高三英语教学反思
2016/03/03 职场文书
爱心捐款倡议书:点燃希望,传递温暖
2019/11/04 职场文书
SpringBoot项目部署到阿里云服务器的实现步骤
2022/06/28 Java/Android