一个简单的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 27 Javascript
javascript 遍历验证所有文本框的值
Aug 27 Javascript
JavaScript Object的extend是一个常用的功能
Dec 02 Javascript
JavaScript数字和字符串转换示例
Mar 26 Javascript
JavaScript获取网页表单action属性的方法
Apr 02 Javascript
JS实现网页上随机产生超链接地址的方法
Nov 09 Javascript
JavaScript中字符串与Unicode编码互相转换的实现方法
Dec 18 Javascript
使用CSS+JavaScript或纯js实现半透明遮罩效果的实例分享
May 09 Javascript
Js调用Java方法并互相传参的简单实例
Aug 11 Javascript
Bootstrap Tree View简单而优雅的树结构组件实例解析
Jun 15 Javascript
JS跨浏览器解析XML应用过程详解
Oct 16 Javascript
vscode中使用npm安装babel的方法
Aug 02 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
phpMyAdmin下载、安装和使用入门教程
2007/05/31 PHP
PHP array_multisort()函数的使用札记
2011/07/03 PHP
php+ajax实现无刷新数据分页的办法
2015/11/02 PHP
php PDO异常处理详解
2016/11/20 PHP
IOS 开发之NSDictionary转换成JSON字符串
2017/08/14 PHP
Laravel框架生命周期与原理分析
2018/06/12 PHP
Js 时间函数getYear()的使用问题探讨
2013/04/01 Javascript
基于JQuery 选择器使用说明介绍
2013/04/18 Javascript
一个简单的Node.js异步操作管理器分享
2014/04/29 Javascript
极力推荐10个短小实用的JavaScript代码段
2016/08/03 Javascript
详解Vue2.0之去掉组件click事件的native修饰
2017/04/20 Javascript
微信小程序使用navigateTo数据传递的实例
2017/09/26 Javascript
vue实现添加与删除图书功能
2018/10/07 Javascript
Vue项目history模式下微信分享爬坑总结
2019/03/29 Javascript
[00:35]DOTA2上海特级锦标赛 MVP.Phx战队宣传片
2016/03/04 DOTA
Python简单检测文本类型的2种方法【基于文件头及cchardet库】
2016/09/18 Python
Python实现读取txt文件并转换为excel的方法示例
2018/05/17 Python
Python实现繁体中文与简体中文相互转换的方法示例
2018/12/18 Python
Python I/O与进程的详细讲解
2019/03/08 Python
对Django 中request.get和request.post的区别详解
2019/08/12 Python
Python单例模式的四种创建方式实例解析
2020/03/04 Python
CSS3 选择器 属性选择器介绍
2012/01/21 HTML / CSS
捷克多品牌在线时尚商店:ANSWEAR.cz
2020/10/03 全球购物
Java程序开发中如何应用线程
2016/03/03 面试题
实习护理工作自我评价
2013/09/25 职场文书
网络工程师的自我评价
2013/10/02 职场文书
毕业生自荐信的主要内容
2013/10/29 职场文书
社会保险接收函
2014/01/12 职场文书
写求职信有什么意义
2014/02/17 职场文书
环境保护标语
2014/06/20 职场文书
个人收入证明模板
2014/09/18 职场文书
第一军规观后感
2015/06/12 职场文书
公司欠款证明
2015/06/24 职场文书
CSS变量实现主题切换的方法
2021/06/23 HTML / CSS
阿里云日志过滤器配置日志服务
2022/04/09 Servers
vue css 相对路径导入问题级踩坑记录
2022/06/05 Vue.js