Node.js

• 初识Node.js
• • fs文件系统模块（读取文件内容）
  • fs文件系统模块（写入文件内容）
  • 路径动态拼接问题
  • • path路径模块
• http模块
• 1、服务器相关的概念
• 2、创建最基本的web服务器
• 3、根据不同的 url 响应不同的html内容

初识Node.js 1、Node.js是一个基于ChromeV8引擎的JavaScript运行环境
2、Node.js中的JavaScript 运行环境

文章图片

3、Node.js可以用来做什么？

文章图片

4、Node.js怎么学？

文章图片

5、什么是终端？

文章图片

6、终端中的快捷键

文章图片

fs文件系统模块（读取文件内容） 一、1、什么是fs文件系统模块？

文章图片

2、fs.readFile()的语法格式

文章图片

二、实际操作（使用readFile()方法读取文件内容）
1、创建一个文件，一个是txt，一个是js

文章图片


文章图片

2、使用vscode编写js代码

//导入fs模块 const fs = require('fs'); //调用 fs.readFile方法读取文件 //参数一：读取文件的存放路径 //参数二：读取文件采用的编码格式，一般默认指定utf8 //参数三：回调函数，拿取读取失败和成功的结果 err dataStr fs.readFile('1.txt', 'utf8', function(err, dataStr) { //打印失败的结果 //如果读取成功，则err的值为null //如果失败，err的值为错误对象。data的值为undefined console.log(err); console.log('---------'); //打印成功的结果 console.log(dataStr); });

3、在文件中使用shift键加鼠标右键打开PowerShell窗口，输入命令，得到结果

文章图片

三、判断文件是否读取成功
可以判断err对象是否为null，从而知晓文件读取的结果
1、代码

const fs = require('fs'); fs.readFile('1.txt', 'utf8', function(err, dataStr) {if (err) { return console.log('文件读取失败！！！' + err.message); } console.log('文件读取成功' + dataStr); });

2、结果
（1）读取成功

文章图片

（2）修改一下‘1.txt’，变为‘11.txt’

文章图片

fs文件系统模块（写入文件内容） 向指定的文件路径，写入文件内容
一、1、fs.writeFile()方法的语法格式

文章图片

二、实际操作
1、编写一个txt文档，里面没有内容

文章图片

2、代码

//导入fs文件系统模块 const fs = require('fs'); //调用fs.writeFile()方法，写入文件的内容 //参数一：表示文件的存放路径 //参数二:表示要写的内容 //参数三：回调函数 //默认为utf8，所以这里的参数三为回调函数 fs.writeFile('2.txt', '666666666', function(err) { //如果文件写入成功，则err的值为null //如果文件写入失败，则err的值为错误对象 console.log(err); });

3、结果

文章图片


文章图片

三、判断文件是否写入成功
可以判断err对象是否为null，从而知晓文件写入的结果
1、代码

//导入fs文件系统模块 const fs = require('fs'); //调用fs.writeFile()方法，写入文件的内容 //参数一：表示文件的存放路径 //参数二:表示要写的内容 //参数三：回调函数 //默认为utf8，所以这里的参数三为回调函数 fs.writeFile('3.txt', 'ok1111', function(err) { //如果文件写入成功，则err的值为null //如果文件写入失败，则err的值为错误对象 if (err) {return console.log('文件写入失败！！' + err.message); } console.log('文件写入成功！'); });

2、结果

文章图片


文章图片

路径动态拼接问题
文章图片

例如：

文章图片

1、解决方案一：在使用fs模块操作文件时，直接提供完整路径，不要提供./或…/开头的相对路径，从而防止路劲动态拼接的问题

文章图片

缺点： 移植性非常差，不利于维护
【笔记|Node.js笔记1（初识Node.js，fs文件系统模块（读取文件内容），fs文件系统模块（写入文件内容），路径动态拼接问题，path路径模块，http模块（里面包含了三点））】2、解决方案二：使用_dirname，_dirname表示当前文件所处的目录
例如：
文章图片

path路径模块
1、什么是path路径模块？

path模块是由Node.js官方提供的，用来处理路径的模块。它提供了一系列的方法和属性，用来满足用户对路径的处理需求

2、例如：
文章图片

3、path.join()方法

const path = require('path'); //注意： ../会抵消前面的路径 const pathStr = path.join('/a', '/b/c', '../', './d', 'e'); console.log(pathStr); //输出\a\b\d\e

今后凡是涉及到路径拼接的操作，都要使用path.join()方法进行处理。不要直接用+进行字符串的拼接

const path = require('path'); //注意： ../会抵消前面的路径 // const pathStr = path.join('/a', '/b/c', '../', './d', 'e'); // console.log(pathStr); const fs = require('fs'); fs.readFile(path.join(__dirname, '1.txt'), 'utf8', function(err, dataStr) { if (err) { return console.log(err.message); } console.log(dataStr); })

4、path.basename()方法（可以从一个文件路径中获取到文件的名称部分）

const path = require('path'); //定义文件的存放路径 const fpath = '/a/b/c/index.html'; const fullName = path.basename(fpath); console.log(fullName); //输出index.html

const path = require('path'); //定义文件的存放路径 const fpath = '/a/b/c/index.html'; // const fullName = path.basename(fpath); // console.log(fullName); const nameWithoutExt = path.basename(fpath, '.html'); console.log(nameWithoutExt); //输出index

5、path.extname()方法（获取路径中的文件扩展名）

const path = require('path'); //定义文件的存放路径 const fpath = '/a/b/c/index.html'; const fext = path.extname(fpath); console.log(fext); //输出.html

http模块 1、回顾：什么是客户端，什么是服务器？

在网络节点中，负责消费资源的电脑叫做客户端；负责对外提供网络资源的电脑叫做服务器

2、什么是http模块？
http模块是Node.js官方提供的，用来创建web服务器的模块，通过http模块提供的http.createServer()方法，就能方便的把一台普通的电脑变成一台web服务器，从而对外界提供web服务；
在Node.js中，我们不需要第三方web服务器软件，因为我们可以基于Node.js提供的http模块，通过几行简单的代码，就能轻松手写一个服务区软件，从而对外提供web服务。
1、服务器相关的概念 一、IP地址
1、什么是IP地址？

文章图片

2、IP地址的格式

文章图片


文章图片

二、域名和域名服务器
1、域名地址

文章图片

2、IP地址和域名的关系

文章图片

3、注意

文章图片

三、端口号

文章图片

2、创建最基本的web服务器 1、创建一个web服务器的基本步骤
（1）导入http模块
（2）创建web服务器实例
（3）为服务器实例绑定request事件，监听客户的要求
（4）启动服务器

//1、导入http模块 const http = require('http'); //2、创建一个web服务器实例 const server = http.createServer(); //3、为服务器绑定request事件，监听客户的请求 server.on('request', function(req, res) { console.log('Some visit our web server.'); }) //4、启动服务器 server.listen(8080, function() { console.log('server running at http://127.0.0.1:8080'); }) //只要有人用浏览器进入这个http页面，就会触发request事件，就会显示Some visit our web server.

文章图片

2、req请求对象

文章图片

const http = require('http'); const server = http.createServer(); //req是请求对象,包含了与客户端相关的数据和属性 server.on('request', (req) => { //req.url是客户端请求的URL地址 const url = req.url; /*url地址是从端口号开始的， 如http://127.0.0.1/index.html,是从index.html开始*///req.method是客户端请求的method类型 const method = req.method; const str = `Your request url is ${url},and request method is ${method}`; console.log(str); }); server.listen(80, () => { console.log('server running at http://127.0.0.1'); })

利用vscode，ctrl再加鼠标左键点击http://127.0.0.1，会再浏览器中打开，会显示第一行Your request url is /,and request method is GET；
如果在http://127.0.0.1后加 /index.html，则会显示Your request url is /index.html,and request method is GET

文章图片

3、res响应对象

文章图片

const http = require('http'); const server = http.createServer(); //req是请求对象,包含了与客户端相关的数据和属性 server.on('request', (req, res) => { //req.url是客户端请求的URL地址 const url = req.url; /*url地址是从端口号开始的， 如http://127.0.0.1/index.html,是从index.html开始*///req.method是客户端请求的method类型 const method = req.method; const str = `Your request url is ${url},and request method is ${method}`; console.log(str); //调用res.end()方法，向客户端响应一些内容 res.end(str); }); server.listen(80, () => { console.log('server running at http://127.0.0.1'); })

文章图片


文章图片

4、解决中文乱码问题

文章图片


文章图片

const http = require('http'); const server = http.createServer(); server.on('request', (req, res) => { //定义一个字符串，包含中文的内容 const str = `您请求的URL 地址是${req.url},请求的method类型为 ${req.method}`; //调用res.setHeader()方法，设置 Content-Type响应头，解决中文乱码的问题 res.setHeader('Content-Type', 'text/html; charset=utf-8'); //res.end()将内容响应给客户端 res.end(str); })server.listen(80, () => { console.log('server runnning at http://127.0.0.1'); })

文章图片

3、根据不同的 url 响应不同的html内容 1、核心实现步骤

文章图片

2、动态响应内容

文章图片

3、代码

const http = require('http'); const server = http.createServer(); server.on('request', (req, res) => { //1.获取请求的url地址 const url = req.url; //2.设置默认的响应内容为 404 Not found let content = '404 Not found'; //3.判断用户请求是否为 / 或者 /index.html首页 //4.判断用户请求的是否为/about.html关于页面 if (url === '/' || url === '/index.html') { content = '首页' } else if (url === '/about.html') { content = '关于页面'; } //5.设置Content-Type 响应头，防止中文乱码 res.setHeader('Content-Type', 'text/html; charset=utf-8'); //6.使用res.end()把内容响应给客户端 res.end(content); })server.listen(80, () => { console.log('server runnning at http://127.0.0.1'); })

文章图片


文章图片


文章图片


文章图片

推荐阅读

• 

  构成职务侵占罪会如何追究责任?
• 

  红梅树修剪时间和方法 刚买的红梅盆栽养殖方法
• 

  佳能单反p档操作 佳能p档怎么使用
• 

  给我查一下一月份哪天日子好 查一下日子
• 

  孤独就像烧开的水壶 孤独水壶是什么意思
• 

  美的随风行 美的随风行移动空调不制冷
• 

  出远门核酸检测提前几天做
• 

  单反相机与数码相机的区别有哪些？ 数码相机和单反相机的区别
• 

  济宁什么情况能带押过户？
• 

  《暗黑破坏神3：夺魂之镰》 圣教军FARM练级实用心得
• 

  新冠疫苗|普通人还有多久能接种新冠疫苗？最新回应来了
• 

  春笋怎么保存一周 春笋保存方法家庭
• 

  专家解读 ：个人医保账户里的钱为何少了？
• 

  上古卷轴5天际怎么玩_玩法大全分享
• 

  慢跑可以练出腹肌吗
• 

  idea是用来干什么的，idea后面加是什么意思
• 

  土豆粉一包多少钱 纯土豆粉条多少钱一斤
• 

  韭菜与鸡肉相克吗
• 

  投稿|营收增长难掩资本市场落寞：腾讯音乐“押宝”元宇宙？
• 

  小耳朵奶茶获得教程 小耳朵奶茶活动什么时候结束

• 笔记|Linux笔记3（用户权限类，搜索查找类，压缩解压类，磁盘管理类，进程管理类，系统定时任务）
• 笔记|算法题JavaScript（回文数）
• 笔记|高阶JavaScript笔记1（数据类型 ，相关问题， 数据_变量_内存 ，相关问题，对象）
• javascript|vue 移动端断网后处理
• #|Redis 学习 - 05 Node.js 客户端操作 Redis、Pipeline 流水线
• NodeJS|Node.js + Redis Sorted Set 实现简单的任务队列
• 笔记|SpringBoot发送邮件(详细学习笔记)
• 笔记|HTML5中的线性渐变（linear-gradient）与径向渐变（radial-gradient）
• 笔记|利用canvas画布和rotate()方法让画的图形旋转起来