- 什么是静态网站，什么是动态网站
- fs模块进行文件读写的方法
- http模块创建Web服务器的流程
1. Nodejs概述
1.1 Nodejs介绍
-
Nodejs是一个基于Chrome V8引擎的ECMAScript运行时环境
-
Nodejs可以执行js文件（有了Nodejs之后，js文件就能运行在服务器端了）
-
Nodejs提供了大量的工具（API），能够让我们完成文件读写、Web服务器创建等功能
-
创建Web服务器
-
准备页面所需的数据并显示页面
1.2 安装Nodejs
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
加载静态资源：
1548650391182.png
网友评论