Node介绍

为什么要学习Node.js

企业需求
- 具有服务端开发经验更改
- front-end
- back-end
- 全栈开发工程师
- 基本的网站开发能力
  - 服务端
  - 前端
  - 运维部署
- 多人社区

[图片上传失败...(image-ad7129-1593859357506)]

Node.js是什么

Node.js是JavaScript 运行时
通俗易懂的讲，Node.js是JavaScript的运行平台
Node.js既不是语言，也不是框架，它是一个平台
浏览器中的JavaScript
- EcmaScript
  - 基本语法
  - if
  - var
  - function
  - Object
  - Array
- Bom
- Dom
Node.js中的JavaScript
- 没有Bom，Dom
- EcmaScript
- 在Node中这个JavaScript执行环境为JavaScript提供了一些服务器级别的API
  - 例如文件的读写
  - 网络服务的构建
  - 网络通信
  - http服务器
构建与Chrome的V8引擎之上
- 代码只是具有特定格式的字符串
- 引擎可以认识它，帮你解析和执行
- Google Chrome的V8引擎是目前公认的解析执行JavaScript代码最快的
- Node.js的作者把Google Chrome中的V8引擎移植出来，开发了一个独立的JavaScript运行时环境
Node.js uses an envent-driven,non-blocking I/O mode that makes it lightweight and efficent.
- envent-driven 事件驱动
- non-blocking I/O mode 非阻塞I/O模型（异步）
- ightweight and efficent. 轻量和高效
Node.js package ecosystem,npm,is the larget scosystem of open sourcr libraries in the world
- npm 是世界上最大的开源生态系统
- 绝大多数JavaScript相关的包都存放在npm上，这样做的目的是为了让开发人员更方便的去下载使用
- npm install jquery

Node能做什么

web服务器后台
命令行工具
- npm(node)
- git(c语言)
- hexo（node）
- ...
对于前端工程师来讲，接触最多的是它的命令行工具
- 自己写的很少，主要是用别人第三方的
- webpack
- gulp
- npm

起步

安装Node环境

查看Node环境的版本号
下载：https://nodejs.org/en/
安装：
- 傻瓜式安装，一路next
- 安装过再次安装会升级
确认Node环境是否安装成功
- 查看node的版本号：node --version
- 或者node -v
配置环境变量

解析执行JavaScript

创建编写JavaScript脚本文件
打开终端，定位脚本文件的所属目录
输入node 文件名执行对应的文件

注意：文件名不要用node.js来命名，也就是说除了node这个名字随便起，最好不要使用中文。

文件的读写

文件读取:

//浏览器中的JavaScript是没有文件操作能力的
//但是Node中的JavaScript具有文件操作能力
//fs是file-system的简写，就是文件系统的意思
//在Node中如果想要进行文件的操作就必须引用fs这个核心模块
//在fs这个和兴模块中，就提供了人所有文件操作相关的API
//例如 fs.readFile就是用来读取文件的

//  1.使用fs核心模块
var fs = require('fs');

// 2.读取文件
fs.readFile('./data/a.txt',function(err,data){
   if(err){
        console.log('文件读取失败');
   }
    else{
         console.log(data.toString());
    }
})

文件写入：

//  1.使用fs核心模块
var fs = require('fs');

// 2.将数据写入文件
fs.writeFile('./data/a.txt','我是文件写入的信息',function(err,data){
   if(err){
        console.log('文件写入失败');
   }
    else{
         console.log(data.toString());
    }
})

http

服务器：

// 1.加载http核心模块
var http = require('http');

// 2.使用http.createServer()创建一个web服务器
var server = http.createServer();

// 3.服务器要做的事儿
// 提供服务：对数据服务
// 发请求
//  接收请求
//  处理请求
//  反馈（发送响应）
//  当客户端请求过来，就会自动触发服务器的request请求事件，然后执行第二个参数：回调处理函数
server.on('request',function(){
    console.log('收到客户的请求了')
})

// 4.绑定端口号，启动服务
server.listen(3000,function(){
    console.log('runing...')
})

Node中的模块系统

使用Node编写应用程序主要就是在使用：

EcmaScript语言
- 和浏览器一样，在Node中没有Bom和Dom
核心模块
- 文件操作的fs
- http服务操作的http
- url路径操作模块
- path路径处理模块
- os操作系统信息
第三方模块
- art-template
- 必须通过npm来下载才可以使用
自己写的模块
- 自己创建的文件

什么是模块化

文件作用域(模块是独立的，在不同的文件使用必须要重新引用)【在node中没有全局作用域，它是文件模块作用域】
通信规则
- 加载require
- 导出exports

CommonJS模块规范

在Node中的JavaScript还有一个重要的概念，模块系统。

模块作用域
使用require方法来加载模块
使用exports接口对象来导出模板中的成员

加载require

语法：
```
var 自定义变量名 = require('模块')
```
作用：
- 执行被加载模块中的代码
- 得到被加载模块中的exports导出接口对象
导出exports
- Node中是模块作用域，默认文件中所有的成员只在当前模块有效
- 对于希望可以被其他模块访问到的成员，我们需要把这些公开的成员都挂载到exports接口对象中就可以了
  
  导出多个成员（必须在对象中）：
```
exports.a = 123;
exports.b = function(){
    console.log('bbb')
};
exports.c = {
    foo:"bar"
};
exports.d = 'hello';
```

导出单个成员（拿到的就是函数，字符串）：

```javascript
module.exports = 'hello';
```

以下情况会覆盖：

```javascript
module.exports = 'hello';
//后者会覆盖前者
module.exports = function add(x,y) {
    return x+y;
}
```

也可以通过以下方法来导出多个成员：

```javascript
module.exports = {
    foo = 'hello',
    add:function(){
        return x+y;
    }
};
```

模块原理

exports和module.exports的一个引用：

console.log(exports === module.exports);    //true

exports.foo = 'bar';

//等价于
module.exports.foo = 'bar';

当给exports重新赋值后，exports！= module.exports.

最终return的是module.exports,无论exports中的成员是什么都没用。

真正去使用的时候：
    导出单个成员：exports.xxx = xxx;
    导出多个成员：module.exports 或者 modeule.exports = {};

总结

// 引用服务
var http = require('http');
var fs = require('fs');
// 引用模板
var template = require('art-template');
// 创建服务
var server = http.createServer();
// 公共路径
var wwwDir = 'D:/app/www';
server.on('request', function (req, res) {
    var url = req.url;
    // 读取文件
    fs.readFile('./template-apche.html', function (err, data) {
        if (err) {
            return res.end('404 Not Found');
        }
        fs.readdir(wwwDir, function (err, files) {
            if (err) {
                return res.end('Can not find www Dir.')
            }
            // 使用模板引擎解析替换data中的模板字符串
            // 去xmpTempleteList.html中编写模板语法
            var htmlStr = template.render(data.toString(), { 
                title: 'D:/app/www/ 的索引',
                files:files 
            });
            // 发送响应数据
            res.end(htmlStr);
        })
    })
});
server.listen(3000, function () {
    console.log('running....');
})

1.jQuery中的each 和 原生JavaScript方法forEach的区别：
    提供源头：
        原生js是es5提供的（不兼容IE8）,
        jQuery的each是jQuery第三方库提供的（如果要使用需要用2以下的版本也就是1.版本）,它的each方法主要用来遍历jQuery实例对象（伪数组）,同时也可以做低版本forEach的替代品,jQuery的实例对象不能使用forEach方法，如果想要使用必须转为数组（[].slice.call(jQuery实例对象)）才能使用
2.模块中导出多个成员和导出单个成员
3.301和302的区别：
    301永久重定向,浏览器会记住
    302临时重定向
4.exports和module.exports的区别:
    每个模块中都有一个module对象
    module对象中有一个exports对象
    我们可以把需要导出的成员都挂载到module.exports接口对象中
    也就是`module.exports.xxx = xxx`的方式
    但是每次写太多了就很麻烦，所以Node为了简化代码，就在每一个模块中都提供了一个成员叫`exports`
    `exports === module.exports`结果为true,所以完全可以`exports.xxx = xxx`
    当一个模块需要导出单个成员的时候必须使用`module.exports = xxx`的方式，=,使用`exports = xxx`不管用,因为每个模块最终return的是module.exports,而exports只是module.exports的一个引用,所以`exports`即使重新赋值,也不会影响`module.exports`。
    有一种赋值方式比较特殊：`exports = module.exports`这个用来新建立引用关系的。

require的加载规则

核心模块
- 模块名
第三方模块
- 模块名
用户自己写的
- 路径

require的加载规则：

优先从缓存加载
判断模块标识符
- 核心模块
- 自己写的模块（路径形式的模块）
- 第三方模块（node_modules）
  - 第三方模块的标识就是第三方模块的名称（不可能有第三方模块和核心模块的名字一致）
  - npm
    - 开发人员可以把写好的框架库发布到npm上
    - 使用者通过npm命令来下载
  - 使用方式：var 名称 = require('npm install【下载包】的包名')
    - node_modules/express/package.json main
    - 如果package.json或者main不成立，则查找被选择项：index.js
    - 如果以上条件都不满足，则继续进入上一级目录中的node_modules按照上面的规则依次查找，直到当前文件所属此盘根目录都找不到最后报错

// 如果非路径形式的标识
// 路径形式的标识：
    // ./  当前目录 不可省略
    // ../  上一级目录  不可省略
    //  /xxx也就是D:/xxx
    // 带有绝对路径几乎不用（D:/a/foo.js）
// 首位表示的是当前文件模块所属磁盘根目录
// require('./a'); 


// 核心模块
// 核心模块本质也是文件，核心模块文件已经被编译到了二进制文件中了，我们只需要按照名字来加载就可以了
require('fs'); 

// 第三方模块
// 凡是第三方模块都必须通过npm下载（npm i node_modules），使用的时候就可以通过require('包名')来加载才可以使用
// 第三方包的名字不可能和核心模块的名字是一样的
// 既不是核心模块，也不是路径形式的模块
//      先找到当前文所述目录的node_modules
//      然后找node_modules/art-template目录
//      node_modules/art-template/package.json
//      node_modules/art-template/package.json中的main属性
//      main属性记录了art-template的入口模块
//      然后加载使用这个第三方包
//      实际上最终加载的还是文件

//      如果package.json不存在或者mian指定的入口模块不存在
//      则node会自动找该目录下的index.js
//      也就是说index.js是一个备选项，如果main没有指定，则加载index.js文件
//      
        // 如果条件都不满足则会进入上一级目录进行查找
// 注意：一个项目只有一个node_modules，放在项目根目录中，子目录可以直接调用根目录的文件
var template = require('art-template');

模块标识符中的`/`和文件操作路径中的`/`

文件操作路径：

// 咱们所使用的所有文件操作的API都是异步的
// 就像ajax请求一样
// 读取文件
// 文件操作中 ./ 相当于当前模块所处磁盘根目录
// ./index.txt    相对于当前目录
// /index.txt    相对于当前目录
// /index.txt   绝对路径,当前文件模块所处根目录
// d:express/index.txt   绝对路径
fs.readFile('./index.txt',function(err,data){
    if(err){
       return  console.log('读取失败');
    }
    console.log(data.toString());
})

模块操作路径：

// 在模块加载中，相对路径中的./不能省略
// 这里省略了.也是磁盘根目录
require('./index')('hello')

npm

node package manage(node包管理器)
通过npm命令安装jQuery包（npm install --save jquery），在安装时加上--save会主动生成说明书文件信息（将安装文件的信息添加到package.json里面）

npm网站

npmjs.com 网站是用来搜索npm包的

npm命令行工具

npm是一个命令行工具，只要安装了node就已经安装了npm。

npm也有版本概念，可以通过npm --version来查看npm的版本

升级npm(自己升级自己)：

npm install --global npm

常用命令

npm init(生成package.json说明书文件)
- npm init -y(可以跳过向导，快速生成)
npm install
- 一次性把dependencies选项中的依赖项全部安装
- 简写（npm i）
npm install 包名
- 只下载
- 简写（npm i 包名）
npm install --save 包名
- 下载并且保存依赖项（package.json文件中的dependencies选项）
- 简写（npm i 包名）
npm uninstall 包名
- 只删除，如果有依赖项会依然保存
- 简写（npm un 包名）
npm uninstall --save 包名
- 删除的同时也会把依赖信息全部删除
- 简写（npm un 包名）
npm help
- 查看使用帮助
npm 命令 --help
- 查看具体命令的使用帮助（npm uninstall --help）

解决npm被墙问题

npm存储包文件的服务器在国外，有时候会被墙，速度很慢，所以需要解决这个问题。

https://developer.aliyun.com/mirror/NPM?from=tnpm淘宝的开发团队把npm在国内做了一个镜像（也就是一个备份）。

安装淘宝的cnpm：

npm install -g cnpm --registry=https://registry.npm.taobao.org;

#在任意目录执行都可以
#--global表示安装到全局，而非当前目录
#--global不能省略，否则不管用
npm install --global cnpm

安装包的时候把以前的npm替换成cnpm。

#走国外的npm服务器下载jQuery包，速度比较慢
npm install jQuery;

#使用cnpm就会通过淘宝的服务器来下载jQuery
cnpm install jQuery;

如果不想安装cnpm又想使用淘宝的服务器来下载：

npm install jquery --registry=https://npm.taobao.org;

但是每次手动加参数就很麻烦，所以我们可以把这个选项加入到配置文件中：

npm config set registry https://npm.taobao.org;

#查看npm配置信息
npm config list;

只要经过上面的配置命令，则以后所有的npm install都会通过淘宝的服务器来下载

package.json

每一个项目都要有一个package.json文件（包描述文件，就像产品的说明书一样）

这个文件可以通过npm init自动初始化出来


D:\code\node中的模块系统>npm init
This utility will walk you through creating a package.json file.
It only covers the most common items, and tries to guess sensible defaults.

See `npm help json` for definitive documentation on these fields
and exactly what they do.

Use `npm install <pkg>` afterwards to install a package and
save it as a dependency in the package.json file.

Press ^C at any time to quit.
package name: (node中的模块系统)
Sorry, name can only contain URL-friendly characters.
package name: (node中的模块系统) cls
version: (1.0.0)
description: 这是一个测试项目
entry point: (main.js)
test command:
git repository:
keywords:
author: xiaochen
license: (ISC)
About to write to D:\code\node中的模块系统\package.json:

{
  "name": "cls",
  "version": "1.0.0",
  "description": "这是一个测试项目",
  "main": "main.js",
  "scripts": {
    "test": "echo \"Error: no test specified\" && exit 1"
  },
  "author": "xiaochen",
  "license": "ISC"
}


Is this OK? (yes) yes

对于目前来讲，最有用的是dependencies选项，可以用来帮助我们保存第三方包的依赖信息。

如果node_modules删除了也不用担心，只需要在控制面板中npm install就会自动把package.json中的dependencies中所有的依赖项全部都下载回来。

建议每个项目的根目录下都有一个package.json文件
建议执行npm install 包名的时候都加上--save选项，目的是用来保存依赖信息

package.json和package-lock.json

npm 5以前是不会有package-lock.json这个文件

npm5以后才加入这个文件

当你安装包的时候，npm都会生成或者更新package-lock.json这个文件

npm5以后的版本安装都不要加--save参数，它会自动保存依赖信息
当你安装包的时候，会自动创建或者更新package-lock.json文件
package-lock.json这个文件会包含node_modules中所有包的信息（版本，下载地址。。。）
- 这样的话重新npm install的时候速度就可以提升
从文件来看，有一个lock称之为锁
- 这个lock使用来锁版本的
- 如果项目依赖了1.1.1版本
- 如果你重新install其实会下载最细版本，而不是1.1.1
- package-lock.json的另外一个作用就是锁定版本号，防止自动升级

path路径操作模块

参考文档：https://nodejs.org/docs/latest-v13.x/api/path.html

path.basename：获取路径的文件名，默认包含扩展名
path.dirname：获取路径中的目录部分
path.extname：获取一个路径中的扩展名部分
path.parse：把路径转换为对象
- root：根路径
- dir：目录
- base：包含后缀名的文件名
- ext：后缀名
- name：不包含后缀名的文件名
path.join：拼接路径
path.isAbsolute：判断一个路径是否为绝对路径[图片上传失败...(image-5d7c41-1593859357506)]

Node中的其它成员(dirname,filename)

在每个模块中，除了require,exports等模块相关的API之外，还有两个特殊的成员：

__dirname，是一个成员，可以用来动态获取当前文件模块所属目录的绝对路径
__filename，可以用来动态获取当前文件的绝对路径（包含文件名）
__dirname和filename是不受执行node命令所属路径影响的

[图片上传失败...(image-516ec5-1593859357506)]

在文件操作中，使用相对路径是不可靠的，因为node中文件操作的路径被设计为相对于执行node命令所处的路径。

所以为了解决这个问题，只需要把相对路径变为绝对路径（绝对路径不受任何影响）就可以了。

就可以使用__dirname或者__filename来帮助我们解决这个问题

在拼接路径的过程中，为了避免手动拼接带来的一些低级错误，推荐使用path.join()来辅助拼接

var fs = require('fs');
var path = require('path');

// console.log(__dirname + 'a.txt');
// path.join方法会将文件操作中的相对路径都统一的转为动态的绝对路径
fs.readFile(path.join(__dirname + '/a.txt'),'utf8',function(err,data){
    if(err){
        throw err
    }
    console.log(data);
});

补充：模块中的路径标识和这里的路径没关系，不受影响（就是相对于文件模块）

注意：

模块中的路径标识和文件操作中的相对路径标识不一致

模块中的路径标识就是相对于当前文件模块，不受node命令所处路径影响

Express（快速的）

作者：Tj

原生的http在某些方面表现不足以应对我们的开发需求，所以就需要使用框架来加快我们的开发效率，框架的目的就是提高效率，让我们的代码高度统一。

在node中有很多web开发框架。主要学习express

http://expressjs.com/,其中主要封装的是http。

// 1 安装
// 2 引包
var express = require('express');
// 3 创建服务器应用程序
//      也就是原来的http.createServer();
var app = express();

// 公开指定目录
// 只要通过这样做了，就可以通过/public/xx的方式来访问public目录中的所有资源
// 在Express中开放资源就是一个API的事
app.use('/public/',express.static('/public/'));

//模板引擎在Express中开放模板也是一个API的事

// 当服务器收到get请求 / 的时候，执行回调处理函数
app.get('/',function(req,res){
    res.send('hello express');
})

// 相当于server.listen
app.listen(3000,function(){
    console.log('app is runing at port 3000');
})

学习Express

起步

安装：[图片上传失败...(image-28b104-1593859357506)]

cnpm install express

hello world:[图片上传失败...(image-c155b5-1593859357506)]

// 引入express
var express = require('express');

// 1. 创建app
var app = express();

//  2. 
app.get('/',function(req,res){
    // 1
    // res.write('Hello');
    // res.write('World');
    // res.end()

    // 2
    // res.end('hello world');

    // 3
    res.send('hello world');
})

app.listen(3000,function(){
    console.log('express app is runing...');
})

基本路由

路由：

请求方法
请求路径
请求处理函数

get:

//当你以get方法请求/的时候，执行对应的处理函数
app.get('/',function(req,res){
    res.send('hello world');
})

post:

//当你以post方法请求/的时候，执行对应的处理函数
app.post('/',function(req,res){
    res.send('hello world');
})

Express静态服务API

// app.use不仅仅是用来处理静态资源的，还可以做很多工作(body-parser的配置)
app.use(express.static('public'));

app.use(express.static('files'));

app.use('/stataic',express.static('public'));

// 引入express
var express = require('express');

// 创建app
var app = express();

// 开放静态资源
// 1.当以/public/开头的时候，去./public/目录中找对应资源
// 访问：http://127.0.0.1:3000/public/login.html
app.use('/public/',express.static('./public/')); 

// 2.当省略第一个参数的时候，可以通过省略/public的方式来访问
// 访问：http://127.0.0.1:3000/login.html
// app.use(express.static('./public/'));   

// 3.访问：http://127.0.0.1:3000/a/login.html
// a相当于public的别名
// app.use('/a/',express.static('./public/')); 

//  
app.get('/',function(req,res){
    res.end('hello world');
});

app.listen(3000,function(){
    console.log('express app is runing...');
});

在Express中配置使用`art-templete`模板引擎

art-template官方文档
在node中，有很多第三方模板引擎都可以使用，不是只有art-template
- 还有ejs，jade（pug），handlebars，nunjucks

安装：

npm install --save art-template
npm install --save express-art-template

//两个一起安装
npm i --save art-template express-art-template

配置：

app.engine('html', require('express-art-template'));

使用：

app.get('/',function(req,res){
    // express默认会去views目录找index.html
    res.render('index.html',{
           title:'hello world'     
    });
})

如果希望修改默认的views视图渲染存储目录，可以：

// 第一个参数views千万不要写错
app.set('views',目录路径);

在Express中获取表单请求数据

获取get请求数据：

Express内置了一个api，可以直接通过req.query来获取数据

// 通过requery方法获取用户输入的数据
// req.query只能拿到get请求的数据
 var comment = req.query;

获取post请求数据：

在Express中没有内置获取表单post请求体的api，这里我们需要使用一个第三方包body-parser来获取数据。

安装：

npm install --save body-parser;

配置：

// 配置解析表单 POST 请求体插件（注意：一定要在 app.use(router) 之前）

var express = require('express')
// 引包
var bodyParser = require('body-parser')

var app = express()

// 配置body-parser
// 只要加入这个配置，则在req请求对象上会多出来一个属性：body
// 也就是说可以直接通过req.body来获取表单post请求数据
// parse application/x-www-form-urlencoded
app.use(bodyParser.urlencoded({ extended: false }))

// parse application/json
app.use(bodyParser.json())

使用：

app.use(function (req, res) {
  res.setHeader('Content-Type', 'text/plain')
  res.write('you posted:\n')
  // 可以通过req.body来获取表单请求数据
  res.end(JSON.stringify(req.body, null, 2))
})

在Express中配置使用`express-session`插件操作

参考文档：https://github.com/expressjs/session

安装：

npm install express-session

配置：

//该插件会为req请求对象添加一个成员:req.session默认是一个对象
//这是最简单的配置方式
//Session是基于Cookie实现的
app.use(session({
  //配置加密字符串，他会在原有的基础上和字符串拼接起来去加密
  //目的是为了增加安全性，防止客户端恶意伪造
  secret: 'keyboard cat',
  resave: false,
  saveUninitialized: true,//无论是否适用Session，都默认直接分配一把钥匙
  cookie: { secure: true }
}))

使用：

// 读
//添加Session数据
//session就是一个对象
req.session.foo = 'bar';

//写
//获取session数据
req.session.foo

//删
req.session.foo = null;
delete req.session.foo

提示：

默认Session数据时内存储数据，服务器一旦重启，真正的生产环境会把Session进行持久化存储。

利用Express实现ADUS项目

模块化思想

模块如何划分:

模块职责要单一

javascript模块化：

Node 中的 CommonJS
浏览器中的：
- AMD require.js
- CMD sea.js
es6中增加了官方支持

起步

初始化
模板处理

路由设计

请求方法	请求路径	get参数	post参数	备注
GET	/students			渲染首页
GET	/students/new			渲染添加学生页面
POST	/students/new		name,age,gender,hobbies	处理添加学生请求
GET	/students/edit	id		渲染编辑页面
POST	/students/edit		id,name,age,gender,hobbies	处理编辑请求
GET	/students/delete	id		处理删除请求

提取路由模块

router.js:

/**
 * router.js路由模块
 * 职责：
 *      处理路由
 *      根据不同的请求方法+请求路径设置具体的请求函数
 * 模块职责要单一，我们划分模块的目的就是增强代码的可维护性，提升开发效率
 */
var fs = require('fs');

// Express专门提供了一种更好的方式
// 专门用来提供路由的
var express = require('express');
// 1 创建一个路由容器
var router = express.Router();
// 2 把路由都挂载到路由容器中

router.get('/students', function(req, res) {
    // res.send('hello world');
    // readFile的第二个参数是可选的，传入utf8就是告诉他把读取到的文件直接按照utf8编码，直接转成我们认识的字符
    // 除了这样来转换，也可以通过data.toString（）来转换
    fs.readFile('./db.json', 'utf8', function(err, data) {
        if (err) {
            return res.status(500).send('Server error.')
        }
        // 读取到的文件数据是string类型的数据
        // console.log(data);
        // 从文件中读取到的数据一定是字符串，所以一定要手动转换成对象
        var students = JSON.parse(data).students;
        res.render('index.html', {
            // 读取文件数据
            students:students
        })
    })
});

router.get('/students/new',function(req,res){
    res.render('new.html')
});

router.get('/students/edit',function(req,res){
    
});

router.post('/students/edit',function(req,res){
    
});

router.get('/students/delete',function(req,res){
    
});

// 3 把router导出
module.exports = router;

app.js:

var router = require('./router');

// router(app);
// 把路由容器挂载到app服务中
// 挂载路由
app.use(router);

设计操作数据的API文件模块

es6中的find和findIndex：

find接受一个方法作为参数，方法内部返回一个条件

find会便利所有的元素，执行你给定的带有条件返回值的函数

符合该条件的元素会作为find方法的返回值

如果遍历结束还没有符合该条件的元素，则返回undefined[图片上传失败...(image-3dd583-1593859357506)]

/**
 * student.js
 * 数据操作文件模块
 * 职责：操作文件中的数据，只处理数据，不关心业务
 */
var fs = require('fs');
 /**
  * 获取所有学生列表
  * return []
  */
exports.find = function(){
    
}


 /**
  * 获取添加保存学生
  */
exports.save = function(){
        
}

/**
 * 更新学生
 */
exports.update = function(){
        
}

 /**
 * 删除学生
 */
exports.delete = function(){
        
}

步骤

处理模板
配置静态开放资源
配置模板引擎
简单的路由，/studens渲染静态页出来
路由设计
提取路由模块
由于接下来的一系列业务操作都需要处理文件数据，所以我们需要封装Student.js'
先写好student.js文件结构
- 查询所有学生列别哦的API
- findById
- save
- updateById
- deleteById
实现具体功能
- 通过路由收到请求
- 接受请求中的参数（get，post）
  - req.query
  - req.body
- 调用数据操作API处理数据
- 根据操作结果给客户端发送请求
业务功能顺序
- 列表
- 添加
- 编辑
- 删除

子模板和模板的继承（模板引擎高级语法）【include，extend，block】

注意:

模板页：

<!DOCTYPE html>
<html lang="zh">
<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>模板页</title>
    <link rel="stylesheet" href="/node_modules/bootstrap/dist/css/bootstrap.css"/>
    {{ block 'head' }}{{ /block }}
</head>
<body>
    <!-- 通过include导入公共部分 -->
    {{include './header.html'}}
    
    <!-- 留一个位置 让别的内容去填充 -->
    {{ block  'content' }}
        <h1>默认内容</h1>
    {{ /block }}
    
    <!-- 通过include导入公共部分 -->
    {{include './footer.html'}}
    
    <!-- 公共样式 -->
    <script src="/node_modules/jquery/dist/jquery.js" ></script>
    <script src="/node_modules/bootstrap/dist/js/bootstrap.js" ></script>
    {{ block 'script' }}{{ /block }}
</body>
</html>

模板的继承：

header页面：

<div id="">
    <h1>公共的头部</h1>
</div>

footer页面：

<div id="">
    <h1>公共的底部</h1>
</div>

模板页的使用：

<!-- 继承(extend:延伸，扩展)模板也layout.html -->
<!-- 把layout.html页面的内容都拿进来作为index.html页面的内容 -->
{{extend './layout.html'}}

<!-- 向模板页面填充新的数据 -->
<!-- 填充后就会替换掉layout页面content中的数据 -->
<!-- style样式方面的内容 -->
{{ block 'head' }}
    <style type="text/css">
        body{
            background-color: skyblue;
        }
    </style>
{{ /block }}
{{ block 'content' }}
    <div id="">
        <h1>Index页面的内容</h1>
    </div>
{{ /block }}
<!-- js部分的内容 -->
{{ block 'script' }}
    <script type="text/javascript">
        
    </script>
{{ /block }}

最终的显示效果：

[图片上传失败...(image-2f5313-1593859357506)]

MongoDB

关系型和非关系型数据库

关系型数据库（表就是关系，或者说表与表之间存在关系）。

所有的关系型数据库都需要通过sql语言来操作
所有的关系型数据库在操作之前都需要设计表结构
而且数据表还支持约束
- 唯一的
- 主键
- 默认值
- 非空

非关系型数据库

非关系型数据库非常的灵活
有的关系型数据库就是key-value对儿
但MongDB是长得最像关系型数据库的非关系型数据库
- 数据库 -》数据库
- 数据表 -》集合（数组）
- 表记录 -》文档对象

一个数据库中可以有多个数据库，一个数据库中可以有多个集合（数组），一个集合中可以有多个文档（表记录）

{
    qq:{
       user:[
           {},{},{}...
       ]
    }
}

也就是说你可以任意的往里面存数据，没有结构性这么一说

安装

下载
- 下载地址：https://www.mongodb.com/download-center/community
安装
```
npm i mongoose
```
配置环境变量
最后输入mongod --version测试是否安装成功

启动和关闭数据库

启动：

# mongodb 默认使用执行mongod 命令所处盼复根目录下的/data/db作为自己的数据存储目录
# 所以在第一次执行该命令之前先自己手动新建一个 /data/db
mongod

如果想要修改默认的数据存储目录，可以：

mongod --dbpath = 数据存储目录路径

停止：

在开启服务的控制台，直接Ctrl+C;
或者直接关闭开启服务的控制台。

[图片上传失败...(image-d11af7-1593859357506)]

连接数据库

连接：

# 该命令默认连接本机的 MongoDB 服务
mongo

退出：

# 在连接状态输入 exit 退出连接
exit

[图片上传失败...(image-e46bfc-1593859357506)]

基本命令

show dbs
- 查看数据库列表(数据库中的所有数据库)
db
- 查看当前连接的数据库
use 数据库名称
- 切换到指定的数据库，（如果没有会新建）
show collections
- 查看当前目录下的所有数据表
db.表名.find()
- 查看表中的详细信息

在Node中如何操作MongoDB数据库

使用官方的`MongoDB`包来操作

http://mongodb.github.io/node-mongodb-native/

使用第三方包`mongoose`来操作MongoDB数据库

第三方包：mongoose基于MongoDB官方的mongodb包再一次做了封装，名字叫mongoose，是WordPress项目团队开发的。

https://mongoosejs.com/

[图片上传失败...(image-d0966b-1593859357506)]

[图片上传失败...(image-16230-1593859357506)]

学习指南（步骤）

官方学习文档：https://mongoosejs.com/docs/index.html

设计Scheme 发布Model (创建表)

// 1.引包
// 注意：按照后才能require使用
var mongoose = require('mongoose');

// 拿到schema图表
var Schema = mongoose.Schema;

// 2.连接数据库
// 指定连接数据库后不需要存在，当你插入第一条数据库后会自动创建数据库
mongoose.connect('mongodb://localhost/test');

// 3.设计集合结构（表结构）
// 用户表
var userSchema = new Schema({
    username: { //姓名
        type: String,
        require: true //添加约束，保证数据的完整性，让数据按规矩统一
    },
    password: {
        type: String,
        require: true
    },
    email: {
        type: String
    }
});

// 4.将文档结构发布为模型
// mongoose.model方法就是用来将一个架构发布为 model
//      第一个参数：传入一个大写名词单数字符串用来表示你的数据库的名称
//                  mongoose 会自动将大写名词的字符串生成 小写复数 的集合名称
//                  例如 这里会变成users集合名称
//      第二个参数：架构
//  返回值：模型构造函数
var User = mongoose.model('User', userSchema);

添加数据（增）

// 5.通过模型构造函数对User中的数据进行操作
var user = new User({
    username: 'admin',
    password: '123456',
    email: 'xiaochen@qq.com'
});

user.save(function(err, ret) {
    if (err) {
        console.log('保存失败');
    } else {
        console.log('保存成功');
        console.log(ret);
    }
});

删除（删）

根据条件删除所有：

User.remove({
    username: 'xiaoxiao'
}, function(err, ret) {
    if (err) {
        console.log('删除失败');
    } else {
        console.log('删除成功');
        console.log(ret);
    }
});

根据条件删除一个：

Model.findOneAndRemove(conditions,[options],[callback]);

根据id删除一个：

User.findByIdAndRemove(id,[options],[callback]);

更新（改）

更新所有：

User.remove(conditions,doc,[options],[callback]);

根据指定条件更新一个：

User.FindOneAndUpdate([conditions],[update],[options],[callback]);

根据id更新一个：

// 更新   根据id来修改表数据
User.findByIdAndUpdate('5e6c5264fada77438c45dfcd', {
    username: 'junjun'
}, function(err, ret) {
    if (err) {
        console.log('更新失败');
    } else {
        console.log('更新成功');
    }
});

查询（查）

查询所有：

// 查询所有
User.find(function(err,ret){
    if(err){
        console.log('查询失败');
    }else{
        console.log(ret);
    }
});

条件查询所有：

// 根据条件查询
User.find({ username:'xiaoxiao' },function(err,ret){
    if(err){
        console.log('查询失败');
    }else{
        console.log(ret);
    }
});

条件查询单个：

// 按照条件查询单个，查询出来的数据是一个对象（{}）
// 没有条件查询使用findOne方法，查询的是表中的第一条数据
User.findOne({
    username: 'xiaoxiao'
}, function(err, ret) {
    if (err) {
        console.log('查询失败');
    } else {
        console.log(ret);
    }
});

使用Node操作MySQL数据库

文档：https://www.npmjs.com/package/mysql

安装：

npm install --save  mysql

// 引入mysql包
var mysql      = require('mysql');

// 创建连接
var connection = mysql.createConnection({
  host     : 'localhost',   //本机
  user     : 'me',      //账号root
  password : 'secret',  //密码12345
  database : 'my_db'    //数据库名
});
 
// 连接数据库    （打开冰箱门）
connection.connect();
 
//执行数据操作    （把大象放到冰箱）
connection.query('SELECT * FROM `users` ', function (error, results, fields) {
  if (error) throw error;//抛出异常阻止代码往下执行
  // 没有异常打印输出结果
  console.log('The solution is: ',results);
});

//关闭连接  （关闭冰箱门）
connection.end();

异步编程

回调函数

不成立的情况下：

function add(x,y){
    console.log(1);
    setTimeout(function(){
        console.log(2);
        var ret = x + y;
        return ret;
    },1000);
    console.log(3);
    //到这里执行就结束了，不会i等到前面的定时器，所以直接返回了默认值 undefined
}

console.log(add(2,2));
// 结果是 1 3 undefined 4

[图片上传失败...(image-bfb124-1593859357506)]

使用回调函数解决：

回调函数：通过一个函数，获取函数内部的操作。（根据输入得到输出结果）

var ret;
function add(x,y,callback){
    // callback就是回调函数
    // var x = 10;
    // var y = 20;
    // var callback = function(ret){console.log(ret);}
    console.log(1);
    setTimeout(function(){
        var ret = x + y;
        callback(ret);
    },1000);
    console.log(3);
}
add(10,20,function(ret){
    console.log(ret);
});

注意：

凡是需要得到一个函数内部异步操作的结果（setTimeout,readFile,writeFile,ajax,readdir）

这种情况必须通过回调函数 (异步API都会伴随着一个回调函数)

ajax:

基于原生XMLHttpRequest封装get方法：

var oReq = new XMLHttpRequest();
// 当请求加载成功要调用指定的函数
oReq.onload = function(){
    console.log(oReq.responseText);
}
oReq.open("GET", "请求路径",true);
oReq.send();

function get(url,callback){
    var oReq = new XMLHttpRequest();
    // 当请求加载成功要调用指定的函数
    oReq.onload = function(){
        //console.log(oReq.responseText);
        callback(oReq.responseText);
    }
    oReq.open("GET", url,true);
    oReq.send();
}
get('data.json',function(data){
    console.log(data);
});

Promise

callback hell（回调地狱）:

[图片上传失败...(image-fa2f17-1593859357506)]

文件的读取无法判断执行顺序（文件的执行顺序是依据文件的大小来决定的）(异步api无法保证文件的执行顺序)

var fs = require('fs');

fs.readFile('./data/a.text','utf8',function(err,data){
    if(err){
        // 1 读取失败直接打印输出读取失败
        return console.log('读取失败');
        // 2 抛出异常
        //      阻止程序的执行
        //      把错误信息打印到控制台
        throw err;
    }
    console.log(data);
});

fs.readFile('./data/b.text','utf8',function(err,data){
    if(err){
        // 1 读取失败直接打印输出读取失败
        return console.log('读取失败');
        // 2 抛出异常
        //      阻止程序的执行
        //      把错误信息打印到控制台
        throw err;
    }
    console.log(data);
});

通过回调嵌套的方式来保证顺序：

var fs = require('fs');

fs.readFile('./data/a.text','utf8',function(err,data){
    if(err){
        // 1 读取失败直接打印输出读取失败
        return console.log('读取失败');
        // 2 抛出异常
        //      阻止程序的执行
        //      把错误信息打印到控制台
        throw err;
    }
    console.log(data);
    fs.readFile('./data/b.text','utf8',function(err,data){
        if(err){
            // 1 读取失败直接打印输出读取失败
            return console.log('读取失败');
            // 2 抛出异常
            //      阻止程序的执行
            //      把错误信息打印到控制台
            throw err;
        }
        console.log(data);
        fs.readFile('./data/a.text','utf8',function(err,data){
            if(err){
                // 1 读取失败直接打印输出读取失败
                return console.log('读取失败');
                // 2 抛出异常
                //      阻止程序的执行
                //      把错误信息打印到控制台
                throw err;
            }
            console.log(data);
        });
    });
});

[图片上传失败...(image-217848-1593859357506)]为了解决以上编码方式带来的问题（回调地狱嵌套），所以在EcmaScript6新增了一个API:Promise。[图片上传失败...(image-f69186-1593859357506)]

Promise：承诺，保证
Promise本身不是异步的，但往往都是内部封装一个异步任务

基本语法：

// 在EcmaScript 6中新增了一个API Promise
// Promise 是一个构造函数

var fs = require('fs');
// 1 创建Promise容器        resolve:解决   reject：失败
var p1 = new Promise(function(resolve, reject) {
    fs.readFile('./a.text', 'utf8', function(err, data) {
        if (err) {
            // console.log(err);
            // 把容器的Pending状态变为rejected
            reject(err);
        } else {
            // console.log(data);
            // 把容器的Pending状态变为resolve
            resolve(1234);
        }
    });
});

// 当p1成功了，然后就（then）做指定的操作
// then方法接收的function就是容器中的resolve函数
p1
    .then(function(data) {
        console.log(data);
    }, function(err) {
        console.log('读取文件失败了', err);
    });

[图片上传失败...(image-6f2533-1593859357506)]

链式循环：[图片上传失败...(image-42b3c7-1593859357506)]

封装Promise的readFile：

var fs = require('fs');

function pReadFile(filePath) {
    return new Promise(function(resolve, reject) {
        fs.readFile(filePath, 'utf8', function(err, data) {
            if (err) {
                reject(err);
            } else {
                resolve(data);
            }
        });
    });
}

pReadFile('./a.txt')
    .then(function(data) {
        console.log(data);
        return pReadFile('./b.txt');
    })
    .then(function(data) {
        console.log(data);
        return pReadFile('./a.txt');
    })
    .then(function(data) {
        console.log(data);
    })

mongoose所有的API都支持Promise：

// 查询所有
User.find()
    .then(function(data){
        console.log(data)
    })

User.findOne({username:'admin'},function(user){
    if(user){
        console.log('用户已存在')
    } else {
        new User({
             username:'aaa',
             password:'123',
             email:'fffff'
        }).save(function(){
            console.log('注册成功');
        })
    }
})

User.findOne({
    username:'admin'
})
    .then(function(user){
        if(user){
            // 用户已经存在不能注册
            console.log('用户已存在');
        }
        else{
            // 用户不存在可以注册
            return new User({
                username:'aaa',
                password:'123',
                email:'fffff'
            }).save();
        }
    })
    .then(funciton(ret){
        console.log('注册成功');
    })

Generator

async函数

其他

修改完代码自动重启

我们在这里可以使用一个第三方命名行工具：nodemon来帮助我们解决频繁修改代码重启服务器的问题。

nodemon是一个基于Node.js开发的一个第三方命令行工具，我们使用的时候需要独立安装：

#在任意目录执行该命令都可以
#也就是说，所有需要 --global安装的包都可以在任意目录执行
npm install --global nodemon
npm install -g nodemon

#如果安装不成功的话，可以使用cnpm安装
cnpm install -g nodemon

安装完毕之后使用：

node app.js

#使用nodemon
nodemon app.js

只要是通过nodemon启动的服务，则他会监视你的文件变化，当文件发生变化的时候，会自动帮你重启服务器。

封装异步API

回调函数：获取异步操作的结果

function fn(callback){
    // var callback = funtion(data){ console.log(data); }
    setTimeout(function(){
        var data = 'hello';
        callback(data);
    },1000);
}
// 如果需要获取一个函数中异步操作的结果，则必须通过回调函数的方式来获取
fn(function(data){
    console.log(data);
})

数组的遍历方法，都是对函数作为一种参数

[图片上传失败...(image-930675-1593859357506)]

EcmaScript 6

参考文档：https://es6.ruanyifeng.com/

项目案例

目录结构

.
app.js  项目的入口文件
controllers
models  存储使用mongoose设计的数据模型
node_modules    第三方包
package.json    包描述文件
package-lock.json   第三方包版本锁定文件（npm5之后才有）
public  公共静态资源
routes
views   存储视图目录

模板页

子模板
模板继承

路由设计

路由	方法	post参数	备注
/	get		渲染首页
/register(登录)	get		渲染注册页面
/register	post	email,nickname,password	处理注册请求
/login	get		渲染登陆界面
/login	post	email,password	处理登录请求
/loginout	get		处理退出请求

模型设计

功能实现

步骤

创建目录结构
整合静态也-模板页
- include
- block
- extend
设计用户登陆，退出，注册的路由
用户注册
- 先处理客户端页面的内容（表单控件的name，收集表单数据，发起请求）
- 服务端
  - 获取从客户端收到的数据
  - 操作数据库
    - 如果有错，发送500告诉客户端服务器错了‘
    - 其他的根据业务发送不同的响应数据
登录
退出

Express中间件

中间件的概念

参考文档：http://expressjs.com/en/guide/using-middleware.html

[图片上传失败...(image-a2feb0-1593859357506)]

中间件：把很复杂的事情分割成单个，然后依次有条理的执行。就是一个中间处理环节，有输入，有输出。

说的通俗易懂点儿，中间件就是一个（从请求到响应调用的方法）方法。

把数据从请求到响应分步骤来处理，每一个步骤都是一个中间处理环节。

var http = require('http');
var url = require('url');

var cookie = require('./expressPtoject/cookie');
var query = require('./expressPtoject/query');
var postBody = require('./expressPtoject/post-body');

var server = http.createServer(function(){
    // 解析请求地址中的get参数
    // var obj = url.parse(req.url,true);
    // req.query = obj.query;
    query(req,res); //中间件
    
    // 解析请求地址中的post参数
    req.body = {
        foo:'bar'
    }
});

if(req.url === 'xxx'){
    // 处理请求
    ...
}

server.listen(3000,function(){
    console.log('3000 runing...');
});

同一个请求对象所经过的中间件都是同一个请求对象和响应对象。

var express = require('express');
var app = express();
app.get('/abc',function(req,res,next){
    // 同一个请求的req和res是一样的，
    // 可以前面存储下面调用
    console.log('/abc');
    // req.foo = 'bar';
    req.body = {
        name:'xiaoxiao',
        age:18
    }
    next();
});
app.get('/abc',function(req,res,next){
    // console.log(req.foo);
    console.log(req.body);
    console.log('/abc');
});
app.listen(3000, function() {
    console.log('app is running at port 3000.');
});

[图片上传失败...(image-ad83a5-1593859357506)]

中间件的分类:

应用程序级别的中间件

万能匹配（不关心任何请求路径和请求方法的中间件）：

app.use(function(req,res,next){
    console.log('Time',Date.now());
    next();
});

关心请求路径和请求方法的中间件：

app.use('/a',function(req,res,next){
    console.log('Time',Date.now());
    next();
});

路由级别的中间件

严格匹配请求路径和请求方法的中间件

get:

app.get('/',function(req,res){
    res.send('get');
});

post：

app.post('/a',function(req,res){
    res.send('post');
});

put:

app.put('/user',function(req,res){
    res.send('put');
});

delete:

app.delete('/delete',function(req,res){
    res.send('delete');
});

总

var express = require('express');
var app = express();

// 中间件：处理请求，本质就是个函数
// 在express中，对中间件有几种分类

// 1 不关心任何请求路径和请求方法的中间件
// 也就是说任何请求都会进入这个中间件
// 中间件本身是一个方法，该方法接收三个参数
// Request 请求对象
// Response 响应对象
// next 下一个中间件
// // 全局匹配中间件
// app.use(function(req, res, next) {
//  console.log('1');
//  // 当一个请求进入中间件后
//  // 如果需要请求另外一个方法则需要使用next（）方法
//  next();
//  // next是一个方法，用来调用下一个中间件
//  // 注意：next（）方法调用下一个方法的时候，也会匹配（不是调用紧挨着的哪一个）
// });
// app.use(function(req, res, next) {
//  console.log('2');
// });

// // 2 关心请求路径的中间件
// // 以/xxx开头的中间件
// app.use('/a',function(req, res, next) {
//  console.log(req.url);
// });

// 3 严格匹配请求方法和请求路径的中间件
app.get('/',function(){
    console.log('/');
});
app.post('/a',function(){
    console.log('/a');
});

app.listen(3000, function() {
    console.log('app is running at port 3000.');
});

错误处理中间件

app.use(function(err,req,res,next){
    console.error(err,stack);
    res.status(500).send('Something broke');
});

配置使用404中间件：

app.use(function(req,res){
    res.render('404.html');
});

配置全局错误处理中间件:

app.get('/a', function(req, res, next) {
    fs.readFile('.a/bc', funtion() {
        if (err) {
            // 当调用next()传参后，则直接进入到全局错误处理中间件方法中
            // 当发生全局错误的时候，我们可以调用next传递错误对象
            // 然后被全局错误处理中间件匹配到并进行处理
            next(err);
        }
    })
});
//全局错误处理中间件
app.use(function(err,req,res,next){
    res.status(500).json({
        err_code:500,
        message:err.message
    });
});

内置中间件

express.static(提供静态文件)
- http://expressjs.com/en/starter/static-files.html#serving-static-files-in-express

第三方中间件

参考文档：http://expressjs.com/en/resources/middleware.html

body-parser
compression
cookie-parser
mogran
response-time
server-static
session

node笔记

Node介绍

为什么要学习Node.js

Node.js是什么

Node能做什么

起步

安装Node环境

解析执行JavaScript

文件的读写

http

Node中的模块系统

什么是模块化

CommonJS模块规范

加载require

导出exports

模块原理

总结

require的加载规则

require的加载规则：

模块标识符中的/和文件操作路径中的/

npm

npm网站

npm命令行工具

常用命令

解决npm被墙问题

package.json

package.json和package-lock.json

path路径操作模块

Node中的其它成员(__dirname,__filename)

Express（快速的）

学习Express

起步

安装：[图片上传失败...(image-28b104-1593859357506)]

hello world:[图片上传失败...(image-c155b5-1593859357506)]

基本路由

Express静态服务API

在Express中配置使用art-templete模板引擎

在Express中获取表单请求数据

获取get请求数据：

获取post请求数据：

在Express中配置使用express-session插件操作

利用Express实现ADUS项目

模块化思想

起步

路由设计

提取路由模块

设计操作数据的API文件模块

步骤

子模板和模板的继承（模板引擎高级语法）【include，extend，block】

MongoDB

关系型和非关系型数据库

关系型数据库（表就是关系，或者说表与表之间存在关系）。

非关系型数据库

安装

启动和关闭数据库

连接数据库

基本命令

在Node中如何操作MongoDB数据库

使用官方的MongoDB包来操作

使用第三方包mongoose来操作MongoDB数据库

学习指南（步骤）

设计Scheme 发布Model (创建表)

添加数据（增）

删除（删）

更新（改）

查询（查）

使用Node操作MySQL数据库

异步编程

回调函数

Promise

Generator

其他

修改完代码自动重启

封装异步API

数组的遍历方法，都是对函数作为一种参数

EcmaScript 6

项目案例

目录结构

模板页

路由设计

加载`require`

导出`exports`

模块标识符中的`/`和文件操作路径中的`/`

Node中的其它成员(dirname,filename)

在Express中配置使用`art-templete`模板引擎

在Express中配置使用`express-session`插件操作

使用官方的`MongoDB`包来操作

使用第三方包`mongoose`来操作MongoDB数据库