nodejs入门

最新推荐文章于 2024-03-13 21:11:29 发布
最新推荐文章于 2024-03-13 21:11:29 发布
阅读量178 收藏
点赞数
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/weiwenwen6/article/details/91861439
版权

nodejs入门

1、模块（模块的导入导出）

导出：

新建./count.js文件，内容为:

const counter = function (n) {
  return `counter: ${n}`
}

const adder = function (a, b) {
  return `adder: a + b = ${a + b}`
}

const PI = 3.14

/**[第一种导出方式]:只能导出一个；导入方式参照app.js中的第一种导入方式 */
module.exports = counter

/**[第二种导出方式]：导出多个 */
module.exports.counter = counter
module.exports.adder = adder
module.exports.PI = PI

/**[第三种导出方式]：导出多个 */
module.exports = {
  counter,
  adder,
  PI
}

导入：

新建./app.js文件，内容为：
app.js：

/**[第1种导入方式] start*/
var counter = require('./count.js')
console.log( counter(1) ) //result: counter: 1
/**[第1种导入方式] end*/

/**[第2种导入方式] start*/
var count = require('./count.js')
console.log( count.counter(1) )     //result: counter: 1
console.log( count.adder(2, 3) )    //result: adder: a + b = 5
console.log( count.pi )             //result: 3.14
/**[第2种导入方式] end*/

/**[第3种导入方式] start*/
var { counter, adder, pi } = require('./count.js')
console.log( counter(1) )     //result: counter: 1
console.log( adder(2, 3) )    //result: adder: a + b = 5
console.log( pi )             //result: 3.14
/**[第3种导入方式] end*/

然后使用node执行：node ./app.js，就可以看到相应的结果。

总结:

1.导出单个文件：module.exports = counter，导入使用var counter = require('./count.js')。

2.导出多个文件A：module.exports.counter = counter;，导入使用var count = require('./count.js')；

3.导出多个文件B：module.exports = { counter };，导入使用var { counter } = require('./count.js')；

2、事件

事件监听和触发

在app.js中加入:


var events = require('events');

var myEmitter = new events.EventEmitter();

myEmitter.on('someEvent', function (message) {
  console.log(message)
})

myEmitter.emit('someEvent', 'the event was emitted')

实例

var events = require('events');
var util = require('util')

function Person (name) {
  this.name = name
}

util.inherits(Person, events.EventEmitter);

var zhang3 = new Person('zhang3')
var li4 = new Person('li4')
var wang5 = new Person('wang5')

var persons = [zhang3, li4, wang5]

persons.forEach(person => {
  person.on('speak', (message) => {
    console.log( person.name + ' said: ' + message )
  })
})

zhang3.emit('speak', 'hi');
li4.emit('speak', 'i want a curry')

3、读写文件（同步、异步）

同步操作

  // 读取
  var hello = fs.readFileSync('./hello.txt', 'utf8')
  console.log( hello )
  console.log(111)
  // 写入
  fs.writeFileSync('writeMe.txt', hello) //会创建一个./writeMe.txt文件，内容为：hello.txt

异步操作

  // 读取-写入
    fs.readFile('./hello.txt', 'utf8', function (err, data) {
      console.log( data )
      fs.writeFile('writeMe.txt', data, function () {
        console.log('写入成功')  //会创建一个./writeMe.txt文件，内容为：hello.txt
      })
    })
    console.log(111)

4、创建和删除目录

var fs = require('fs')

fs.mkdirSync('stuff')  //创建目录
fs.rmdirSync('stuff') //删除目录

实践

创建一个./stuff目录，并读取./hello.txt中的内容，将其存入新建的./stuff/hello.txt文件中。

fs.mkdir('stuff', function () {
  console.log('文件夹创建成功')
  fs.readFile('./hello.txt', function(err, data) {
    console.log('文件读取成功')
    if(!err) {
      fs.writeFile('./stuff/hello.txt', data, function () {
        console.log('文件创建成功')
      })
    } else {
      console.log( 'read file error' )
    }
  })
})

5、流和管道

优点：处理数据、提高性能

流读写文件

  var fs = require('fs')
  var stream = fs.createReadStream(__dirname + '/count.js', 'utf8')
  var stream2 = fs.createWriteStream(__dirname + '/write.js')
  var n = ''
  stream.on('data', function (chunk) {
      //chunk数据流块
    n += chunk
    stream2.write(chunk)
  })
  stream.on('end', function () {
    console.log( n )  //输出所有内容
  })

  // 写入内容
  var writeData = 'hello world';
  stream2.write(writeData, 'utf8');
  stream2.end();
  stream2.on('finish', function () {
    console.log('finished')
  })

  // 管道|拷贝内容
  stream.pipe(stream2)

6、web服务器part1介绍

const http = require('http')

var server = http.createServer(function (req, res) {
  res.writeHead(200, { 'Content-Type': 'text/plain' });

  /**[第一种方式] */
  res.write('Hello World')
  res.end();

  /**[第二种方式] */
  res.end('Hello World');
})

server.listen(3000)

7、web服务器part2响应JSON

const http = require('http')

var server = http.createServer(function (req, res) {
  res.writeHead(200, { 'Content-Type': 'application/json' });

  var obj = {
    name: 'david',
    age: 12,
    job: 'web'
  }

  res.end(JSON.stringify(obj));
})

server.listen(3000)

8、web服务器part3响应html页面

const http = require('http')
const fs = require('fs')
const path = __dirname + '/index.html'


var server = http.createServer(function (req, res) {
  res.writeHead(200, { 'Content-Type': 'text/html' });

  var htmlFile = fs.createReadStream(path, 'utf8')

  htmlFile.pipe(res)
})

server.listen(3000)

9、web服务器part5模块化代码

新建./server.js

const http = require('http')
const fs = require('fs')
const path = __dirname + '/index.html'

function startServer () {
  var server = http.createServer(function (req, res) {
    res.writeHead(200, { 'Content-Type': 'text/html' });
  
    var htmlFile = fs.createReadStream(path, 'utf8')
  
    htmlFile.pipe(res)
  })

  server.listen(3000)
}

exports.startServer = startServer

./app.js

var server = require('./server')

server.startServer()

10、web服务器part5路由

./app.js

var server = require('./server')

server.startServer()

./server.js

const http = require('http')
const fs = require('fs')


function startServer () {
  var onRequest = function (req, res) {
    if(req.url === '/' || req.url === '/home') {
      // 是 / or /home 返回index.html
      res.writeHead(200, { 'Content-Type': 'text/html' });
      const path = __dirname + '/index.html'
      fs.createReadStream(path, 'utf8').pipe(res)
    } else if (req.url === '/review') {
      // 是 /review review.html
      res.writeHead(200, { 'Content-Type': 'text/html' });
      const path = __dirname + '/review.html'
      fs.createReadStream(path, 'utf8').pipe(res)
    } else if (req.url === '/api/v1/records') {
      // 是/api/v1/records 返回json
      res.writeHead(200, { 'Content-Type': 'application/json' });
      const obj = {
        name: 'david',
        age: 12,
        job: 'web'
      }
      res.end(JSON.stringify(obj))
    } else {
      // 否则，返回404页面
      res.writeHead(200, { 'Content-Type': 'text/html' });
      const path = __dirname + '/404.html'
      fs.createReadStream(path, 'utf8').pipe(res)   
    }
  }

  var server = http.createServer(onRequest)

  server.listen(3000)
  console.log( 'Server started on localhost port 3000; http://localhost:3000' )
}

exports.startServer = startServer

11、web服务器part6重构路由代码

目录结构:

/----
    app.js
    server.js
    route.js
    handler.js
    index.html
    review.html
    404.html

app.js

var server = require('./server')
var route = require('./route')
var handler = require('./handler')

/**[路由和渲染函数的映射] */
const handle = {};
handle['/'] = handler.home
handle['/home'] = handler.home
handle['/review'] = handler.review
handle['/api/v1/records'] = handler.api_records

server.startServer(route, handle)

server.js

const http = require('http')

function startServer (route, handle) {
  var onRequest = function (request, response) {
    route(handle, request.url, response)
  }

  var server = http.createServer(onRequest)

  server.listen(3000)
  console.log( 'Server started on localhost port 3000; http://localhost:3000' )
}

exports.startServer = startServer

route.js

const fs = require('fs')

function route (handle, pathname, response) {
  const routeFn = handle[pathname]

  if(typeof routeFn === 'function') {
    routeFn(response)
  } else {
    response.writeHead(200, { 'Content-Type': 'text/html' });
    fs.createReadStream(__dirname + '/404.html', 'utf8').pipe(response)   
  }
}

module.exports = route

handler.js

const fs = require('fs')

function home (response) {
  response.writeHead(200, { 'Content-Type': 'text/html' });
  fs.createReadStream( __dirname + '/index.html', 'utf8').pipe(response)
}

function review(response) {
  response.writeHead(200, { 'Content-Type': 'text/html' });
  fs.createReadStream(__dirname + '/review.html', 'utf8').pipe(response)
}

function api_records(response) {
  response.writeHead(200, { 'Content-Type': 'application/json' });
  const obj = {
    name: 'david',
    age: 12,
    job: 'web'
  }
  response.end(JSON.stringify(obj))
}

module.exports = {
  home,
  review,
  api_records
}

目前路由功能的结构分离成功。

12、web服务器part7使用get或者post发请求送数据

在上一节的基础上进行修改
server.js

const http = require('http')
const url = require('url')
const querystring = require('querystring')

function startServer (route, handle) {
  var onRequest = function (request, response) {
    const urlParse = url.parse(request.url, true)
    let data = [];

    request.on('error', function (err) {
      console.log(err)
    }).on('data', function (chunk) {
      /**[第一种方法] */
      // data += chunk
      /**[第二种方法] */
      data.push(chunk)
    }).on('end', function () {
      if(request.method.toLocaleUpperCase() === 'POST') {
        data = Buffer.concat(data).toString();
        route(handle, urlParse.pathname, response, querystring.parse(data))    
      } else {
        route(handle, urlParse.pathname, response, urlParse.query)
      }
    })
  }

  var server = http.createServer(onRequest)

  server.listen(3000)
  console.log( 'Server started on localhost port 3000; http://localhost:3000' )
}

exports.startServer = startServer

route.js

const fs = require('fs')

function route (handle, pathname, response, params) {
  const routeFn = handle[pathname]

  if(typeof routeFn === 'function') {
    routeFn(response, params)
  } else {
    response.writeHead(200, { 'Content-Type': 'text/html' });
    fs.createReadStream(__dirname + '/404.html', 'utf8').pipe(response)   
  }
}

module.exports = route

handler.js

const fs = require('fs')

function home (response) {
  response.writeHead(200, { 'Content-Type': 'text/html' });
  fs.createReadStream( __dirname + '/index.html', 'utf8').pipe(response)
}

function review(response) {
  response.writeHead(200, { 'Content-Type': 'text/html' });
  fs.createReadStream(__dirname + '/review.html', 'utf8').pipe(response)
}

function api_records(response, params) {
  response.writeHead(200, { 'Content-Type': 'application/json' });
  response.end(JSON.stringify(params))
}

module.exports = {
  home,
  review,
  api_records
}

index.html

<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <meta http-equiv="X-UA-Compatible" content="ie=edge">
  <title>nodejs</title>
</head>
<body>
  <h1>hello nodejs</h1>
  <form action="api/v1/records" method="POST">
    name: <input type="text" name="name">
    age: <input type="text" name="age">
    <input type="submit" value="提交">
  </form>
</body>
</html>

总结

1.模块的导入导出

2.事件的监听和触发

3.文件读写删

4.文件夹的增删

5.文件流的读取和写入

6.使用node搭建服务

7.web服务器返回JSON

8.web服务器返回html

9.web服务器代码模块化

10.添加路由

11.模块化路由代码

12.使用get、post接收发送数据

posted @ 2019-05-31 17:26 DaivdAndLemon 阅读( ...) 评论( ...) 编辑 收藏
David-wenwen
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
Nodejs 入门
08-18
Nodejs的入门教程的示例,没有错误的地方,可以方便的找到自己有什么错误的
十分钟带你入门Nodejs
qq_52851550的博客
07-23 4721
极速了解node的使用，教你十分钟学会node
Node.js入门指南
会思想的苇草i的博客
01-26 2574
Node.js是建立在Chrome V8引擎之上的JavaScript运行时环境，可用于快速构建可伸缩的网络应用。它采用事件驱动、非阻塞I/O模型，适用于实时数据处理。Node.js还拥有丰富的包管理工具，如npm，使得前端开发者能够方便地共享和重复使用代码。掌握Node.js能够丰富前端开发技能，提升项目的性能和效率。
零基础Nodejs快速入门——Node.js简介
最新发布
qq_37002374的博客
03-13 1047
C/S架构客户端/服务器B/S架构浏览器/服务器 ，B/S架构讲Web浏览器作为客户端应用软件，B/s架构实际上就是一种特殊的C/S架构一般客户端叫做前端， 管这个服务旗叫做后端关系：举例子。登录淘宝界面，想要要查看自己的购买记录，购买记录存存储在阿里的服务器上面，所以浏览器就需要从阿里的服务器上获取你的购买记录静态网页是指内容是死的。这里的静，指的就是内容完全不变，不会跑。动态网页是指内容是活的。这里的动，指的是内容是从数据库中，或者是从别的地方写出来的，拼接而成的。
NodeJs快速入门
胡西风的博客
06-06 4882
NodeJs入门介绍 Node.js是一个Javascript运行环境(runtime)。实际上它是对Google V8引擎进行了封装。 所以 语法还是JavaScript的语法，只不过它封装了一些类库，可以更多的事。 nodejs官网 在命令行中,可以使用node 常用命令: 1.node -v,查看电脑安装的node版本 2.node,进入node的环境,可以执行你写的js代码 3.在no...
【Node.js】node入门全攻略
weixin_64210950的博客
11-13 2074
node 命令和三大模块介绍
【前端开发-----NodeJS】nodejs快速入门教程，想要快速入门nodejs就看这一篇文章就够了，基础部分特详细，按要点整理知识点
m0_67844671的博客
09-25 4548
nodejs快速入门教程，想要快速入门nodejs就看这一篇文章就够了，特详细的保姆级教程；基础部分特详细，按要点整理知识点；内容包括文件操作，路径处理，模块化，中间件，路由，身份认证，数据库操作，数据校验等等；用express框架快速搭建自己的后端服务器。
nodejs入门PDF
03-29
nodejs入门PDF高清版。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。
万字肝完nodejs入门教程，详解入口，建议收藏（更新中）
热门推荐
qq_39055970的博客
10-07 3万+
nodejs入门教程1.前言2.入门教程2.1 命令行运行node.js脚本2.2 退出node.js程序2.3 如何使用 Node.js REPL2.3.1 使用方式2.3.2 点命令.help.editor.break.save.load.exit.clear2.4 从命令行接收参数（参数可以是独立的，也可以具有键和值。）2.5 使用node.js输出到命令行2.5.1 基础输出2.5.2 清空控制台 1.前言 首先说明，本篇文章是对nodejs官网入门教程的一份总结。同学们学习时强烈建议先前往node
2023Node.js零基础教程(小白友好型)，nodejs新手到高手，（一）NodeJS入门
upgrade_bro的博客
09-13 1455
2023版Node.js零基础教程(小白友好型),nodejs新手到高手;为什么要学习NodeJS?——开发服务器应用；NodeJS入门——安装、命令行工具、常用命令以及初体验……
Node.js教程（想入门就来点进来看看)
Autumn_Xiao的博客
08-24 1787
Node对前端的工程师来说还算是友好的，转Node.js也是相对较容易接受如果你是一个前端程序员，你不懂得像 PHP、Python 或 Ruby 等动态编程语言，然后你想创建自己的服务，那么 Node.js 是一个非常好的选择。Node.js 是运行在服务端的 JavaScript，如果你熟悉 Javascript，那么你将会很容易的学会 Node.js。当然，如果你是后端程序员，想部署一些高性能的服务，那么学习 Node.js 也是一个非常好的选择。相信你应该了解一些基本的计算机编程术语。
NodeJS 入门
C_hydar的博客
03-01 2497
NodeJS 是什么？ ● node.js是一个开发平台，就像 JAVA开发平台、.net开发平台、PHP 开发平台 开发平台有对应的编程语言、有语言运行时、有能实现特性功能的 API（SDK：Software Development Kit） ● 该平台使用的编程语言是 JavaScript ●node.js平台基于 chrome VB JavaScript引擎构建 ● 基于 node.js 可以开发控制台程序（命令行程序、CLI程序）、桌面应用程序（GUI）（借助 node-webkit、electro
『NodeJs 使用手册』
陈升の博客
08-03 892
Nodejs从入门到精通
node.js入门教程
m0_68271787的博客
01-11 1677
Node.js是一种基于Chrome V8引擎的JavaScript运行时，可以让JavaScript在服务器端运行。它具有轻量级、高效、事件驱动、非阻塞I/O等特点，被广泛应用于Web应用程序、命令行工具、后端服务等领域。本文将介绍Node.js的基本概念、安装和使用方法。
Node.JS快速入门
黑马程序员官方博客
05-22 812
1.NodeJS简介 1.1 了解NodeJS 简单的说 Node.js 就是运行在服务端的 JavaScript。Node.js 是一个基于Chrome JavaScript 运行时建立的一个平台。 Node.js是一个事件驱动I/O服务端JavaScript环境，基于Google的V8引擎，V8引擎执行Javascript的速度非常快，性能非常好。 1.2 NodeJS安装 （我们现在使用的版本是8.9.4） 选安装目录进行安装 默认即可 测试 在命令提示符下输入命令 node -v
nodejs 入门
dream_of_forget的博客
09-06 357
1.Node.js官网地址：Node.js中文:API 文档 | Node.js 中文网1.Node.js 是一个构建于 Chrome V8引擎之上的一个Javascript 运行环境Node是一个运行环境，作用是让js拥有开发服务端的功能2.nodejs的作用 : 使用js语言开发服务器说大白话： 做后台事的，抢java和python饭碗1.npm全称node package manager官方推出的包管理工具不需要额外安装，安装node之后自带。
nodejs之Buffer(缓冲区)
代码解释生活
03-08 722
参考：http://www.runoob.com/nodejs/nodejs-buffer.htmlJavaScript 语言自身只有字符串数据类型，没有二进制数据类型。但在处理像TCP流或文件流时，必须使用到二进制数据。因此在 Node.js中，定义了一个 Buffer 类，该类用来创建一个专门存放二进制数据的缓存区。在 Node.js 中，Buffer 类是随 Node 内核一起发布的核心库。...
nodejs入门 pdf
07-29
虽然Node.js入门PDF可以作为入门学习的起点，但实际上要掌握Node.js的开发还需要不断实践和深入学习。最好结合阅读PDF教程和参与实际项目来提升自己的技能。同时，社区中也有很多开发者分享自己的经验和教程，可以...

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值