---

• 什么是静态网站，什么是动态网站
• fs模块进行文件读写的方法
• http模块创建Web服务器的流程

---

1. Nodejs概述

1.1 Nodejs介绍

• Nodejs是一个基于Chrome V8引擎的ECMAScript运行时环境

• Nodejs可以执行js文件（有了Nodejs之后，js文件就能运行在服务器端了）

• Nodejs提供了大量的工具（API），能够让我们完成文件读写、Web服务器创建等功能

1. 创建Web服务器

2. 准备页面所需的数据并显示页面

1.2 安装Nodejs

官网： https://Nodejs.org/en/

中文网：http://Nodejs.cn/

LTS： 长期稳定版。 实际项目开发建议使用长期稳定版

Current： 最新版。最新版包含了一些新功能，如果想学习最新的功能，则可以使用该版本。但是，最新版可能会有一些未知的bug

1. 双击安装文件开始安装

2. 傻瓜式安装，一路 'next' 即可

注意： 安装在英文路径下； 建议安装位置和老师一样

3. 测试

在桌面上按住 shift 键 , 点击鼠标右键，选择 '在此处打开命令窗口'

进入黑窗口后输入： Nodejs -v

能够看到Nodejs版本号即为成功

1.3 Nodejs和浏览器中js的区别

浏览器中js组成： ES核心 + DOM + BOM

Nodejs中js组成： ES核心 + 全局成员 + 模块系统（系统模块、第三方模块、自定义模块）

全局成员： setTimeout、setInterval、console.log() 等。

注意：这几个名称和功能虽然和浏览器中的一样，但是是Nodejs自己实现的，与浏览器无关

1.4 程序体验

找到文件所在目录， 按着 shift键，同时按下鼠标右键，打开cmd，然后运行 node 01-node.js能够看到如下结果

2. 命令行和常用命令

2.1 命令行介绍

• windows未发布之前，人们都是用DOS（磁盘操作系统）来操作计算机。
• DOS系统内置了很多命令（例如：cd、dir等），我们可以通过调用不同的命令来操作计算机。
• windows发布之后保留了命令行操作模式，内置了两种命令行： Cmd 和 PowerShell，我们可以使用命令行来操作计算机。 win 7默认Cmd， win 10 默认 PowerShell

Cmd：

2.2 打开命令行

方式一： 开始中输入 cmd 或者 PowerShell

方式二： 运行中输入 cmd 或者 PowerShell

方式三（推荐方式）： 按住 shift，点击鼠标右键，再选择 '在此处打开命令窗口'

2.3 常用命令

• cd： 切换目录
• dir：查看目录下所有文件和目录
• cls：清屏
• exit：退出

cd 命令

命令	含义
cd \	切换到根目录
cd .	保持在当前目录不变
cd ..	切换到上级目录
cd [目录]	切换到指定目录

dir命令

命令	含义
dir	查看当前目录下所有文件和目录
dir [路径]	查看指定目录下所有文件和目录

2.4 小技巧

• 自动补全： 使用 tab键可以补充完没有敲完的命令
• 历史命令： 按 ↑ 或者 ↓ 可以找到以前使用过的命令

3. Nodejs系统模块

3.1 系统模块介绍

• 系统模块： 随着Nodejs一起安装，并由官方进行维护的模块。
  • 常用的系统模块： fs、http、url、path等
• 一个模块中包含了很多方法和属性，可以帮助我们实现不同的功能

3.2 fs - 文件系统模块

​ 专门用来操作文件和目录。能够进行文件创建/删除，读取文件，获取文件详情等操作

3.3 文件读取 --- readFile

fs.readFile(var1, var2, var3);
参数1: 要读取的文件路径 --- 相对路径和绝对路径均可，推荐使用绝对路径
参数2: 配置项，主要用来配置字符集。可选参数。
      如果不设置该参数，文件内容会以二进制形式返回
参数3: 读取完成后触发的回调函数，有两个参数 --- err 和 result
     读取成功:
         err: null
         result: 文件内容，如果不设置参数2,则返回二进制数据。可以使用 toString() 方法将二进制数据
                 转为正常字符串
     读取失败:
         err: 错误对象
         result: undefined

参考： 01-readFile.js

3.4 文件写入 --- writeFile

//向指定文件中写入字符串（覆盖写入）， 如果没有该文件则尝试创建该文件

fs.writeFile(var1, var2, var3, var4);
参数1: 要写入的文件路径 --- 相对路径和绝对路径均可，推荐使用绝对路径
参数2: 要写入文件的字符串
参数3: 配置项，设置写入的字符集，默认utf-8
参数4: 写入完成后触发的回调函数，有一个参数 --- err （错误对象）

参考： 02-writefile.js

3.5 文件追加 --- appendFile

//向指定文件中写入字符串（追加写入）， 如果没有该文件则尝试创建该文件

fs.appendFile(var1, var2, var3, var4);
参数1: 要写入的文件路径 --- 相对路径和绝对路径均可，推荐使用绝对路径
参数2: 要写入文件的字符串
参数3: 配置项，设置写入的字符集，默认utf-8
参数4: 写入完成后触发的回调函数，有一个参数 --- err （错误对象）

参考: 03-appendfile.js

3.6 遍历目录 --- readdir

//遍历目录，获取目录下所有的文件及子目录的名称

fs.readdir(var1, var2, var3);
参数1: 要遍历的目录
参数2: 字符集， 可选参数，默认为utf-8
参数3: 遍历完成后触发的回调函数，有两个参数 --- err 和 files
    err: 错误对象
    files: 文件和子目录名，数组

参考: 04-readdir.js

4. Node创建Web服务器

4.1 请求-处理-响应

1548650391182.png

4.2 HTTP模块介绍

• http是一个系统模块，让我们能够通过简单的流程创建一个Web服务器
• Apache是一个成品服务器，安装好之后就有了Web服务器的所有功能； 使用http模块创建的服务器时，服务器能干什么取决于我们如何定义服务器的功能

4.3 使用http模块搭建Web服务器

创建Web服务器4步骤：

1. 加载/导入/引入 http 模块

2. 创建服务器对象

3. 开启服务器

4. 监听服务器请求并进行处理

//1. 加载/导入 http 模块
const http = require('http');

//2. 创建服务器对象
const server = http.createServer();

//3. 开启服务器
server.listen(3000, () => {
    console.log('Server is running...');
});

//4. 监听浏览器请求并进行处理
//on：该方法用来监听事件
//参数1: 事件类型， request代表浏览器请求事件
//参数2: 当监听到浏览器请求后触发的回调函数，该函数中有两个参数 req和res
//    req（request）: 请求对象
//    res（response）: 响应对象
server.on('request', (req, res) => {
    // end方法能够将数据返回给浏览器，浏览器会显示该字符串
    res.end('Hello Nodejs');
});

参考: 01-http.js

4.4 不同URL显示不同内容

核心：req（请求对象）中有url属性，该属性中保存了当前请求的url地址

注意： url属性中保存的地址是没有 协议、IP、端口号，并且以 / 开头的地址

示例：

http://127.0.0.1:3000 ===> /

http://127.0.0.1:3000/index.html ===> /index.html

http://127.0.0.1:3000/admin/login.html ===> /admin/login.html

http://127.0.0.1:3000/goods/detail.html ===> /goods/detail.html

http://127.0.0.1:3000/admin/index ===> /admin/index

4.5 解决中文乱码问题

核心：使用 res（响应对象）中的 setHeader方法

res.setHeader('content-type', 'text/html;charset=utf-8');

参考： 03-http.js

4.6 不同url显示不同html页面

核心： fs.readFile 读取html页面内容，再将文件内容通过res.end方法返回给浏览器

4.7 静态资源加载

运行原理：

2.png

加载静态资源：

1548650391182.png