一个简单的nodewns9778.com.js界面实现方法

最近要写一个工具界面整合项目的功能属性，方便其他部门的人进行编辑，有点类似后台。会有部分数据上的交互。于是学习了下node.js后端的知识。

直接打开html文件，是以file:///方式打开的，这种方式很多时候会遇到跨域的问题，因此我们一般会搭建一个简易的本地服务器，来运行测试页面。

源码如下：

一、构建静态服务器

// 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/');

1、使用express模块

本项目目录结构如下：

建立个js文件，命名server，内容代码如下：

wns9778.com 1

var express = require('express');
var app = express();
var path = require('path');

//指定静态资源访问目录
app.use(express.static(require('path').join(__dirname, 'public')));
// app.use(express.static(require('path').join(__dirname, 'views'))); 如果有文件夹存放资源，出现报错的话，那就多use几次就可以了
// 设定views变量，意为视图存放的目录
app.set('views', (__dirname   "/public"));
// app.set('views', __dirname);
// 修改模板文件的后缀名为html
app.set( 'view engine', 'html' );
// 运行ejs模块
app.engine( '.html', require( 'ejs' ).__express );

app.get("/", function(req, res) {
  res.render('index');
});

var server = app.listen(1336, "127.0.0.1",function(){
  var host = server.address().address;
  var port = server.address().port;
  console.log("Server running at http://%s:%s", host, port)
});

js和html页面按常规写好之后执行cnd命令：

文件结构如下：

wns9778.com 2

wns9778.com 3

最终效果如下：

运行的话只要执行：node server.js 就可以了

wns9778.com 4

然后在浏览器输入http://127.0.0.1:1336/ 来访问项目文件夹内的文件了

以上这篇一个简单的node.js界面实现方法就是小编分享给大家的全部内容了，希望能给大家一个参考，也希望大家多多支持脚本之家。

2、使用connect模块

您可能感兴趣的文章:

建立个js文件，命名 server2 ，内容代码如下：

 var connect = require("connect");
 var serveStatic = require("serve-static");

 var app = connect();
 // app.use(serveStatic("C:\xxx\xxx\xxx\项目文件夹"));
 app.use(serveStatic("public"));

 app.listen(1337);
 console.log('Server running at http://127.0.0.1:1337/');

运行的话只要执行：node server2.js 就可以了，

然后在浏览器输入http://127.0.0.1:1337/ 来访问项目文件夹内的文件了。（如果是index.html文件可以省略不写，默认加载的就是这个文件）；

3、使用http模块

本文由wns9778.com发布于计算机教程,转载请注明出处：一个简单的nodewns9778.com.js界面实现方法

关键词： wns9778.com

计算机教程

原标题：一个简单的nodewns9778.com.js界面实现方法

您可能感兴趣的文章: