nodejs概述，命令行系统模块搭建服务器乱码

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

1. Nodejs概述

1.1 Nodejs介绍

Nodejs是一个基于Chrome V8引擎的ECMAScript运行时环境
Nodejs可以执行js文件（有了Nodejs之后，js文件就能运行在服务器端了）
Nodejs提供了大量的工具（API），能够让我们完成文件读写、Web服务器创建等功能

创建Web服务器
准备页面所需的数据并显示页面

1.2 安装Nodejs

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

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

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

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

双击安装文件开始安装

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

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

测试

在桌面上按住 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步骤：

加载/导入/引入 http 模块
创建服务器对象
开启服务器
监听服务器请求并进行处理

//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

加载静态资源：