express-PPT

express 框架

Express 可以方便，快速的创建 Wed 的服务器或 API 接口的服务器

EXpress 介绍

--Express 是基于 Node.js 平台，快速，开放，极简的 Web 开发框架。
--通俗理解：Express 的作用和 Node.js 内置的 http 模块类似，是专门用来创建 Web 服务器的
--Express 本质就是 npm 上的第三方包

Express 的基本使用

第一步：安装

--在项目所在的目录终端进行安装
npm i express

第二步：创建基本的 Web 服务器

// 导入服务器
const express = require("express");
// 创建服务器
const app = express();
// 启动服务器
app.listen(80, () => {
console.log("http://127.0.0.1");
});

第三步：监听 post 请求

通过 app.post() 方法，可以监听客户端的 POST 请求，具体的语法格式如下：

//参数 1：客户端请求的 URL 地址
//参数 2：请求对应的处理的数
//req：请求对象（包含了与请求相关的属性与方法）
//res：响应对象（包含了与响应相关的属性与方法）

app.post("请求 URL", function (req, res) {
/_处理的数_/
});

第四步：监听 get 请求

通过 app.get0方法，可以监听客户端的GET请求，具体的语法格式如下：

//参数1：客户端请求的 URL地址
//参数2：请求对应的处理函数
//req：请求对象（包含了与请求相关的属性与方法）
//res：晌应对象（包含了与响应相关的属性与方法）

app.get('请求uRL',function(req,res){/*处理的数*/})

第五步：把内容响应给客户端

通过res.send0方法，可以把处理好的内容，发送给客户端：

app.get('/user',(req, res) => (
//向客户满发送JSON对象
res.send({name:‘zs',age:20,gender:‘男})
})

app-post('/user', (req, res) => (
//向宣户满发送义本内容
res.send('请求成功”)
})

托管静态资源

express.static()

express 提供了一个非常好用的函数，叫做 express.static（）.通过它，我们可以非常方便地创建一个静态资源服务器，

例如，通过如下代码就可以将public目录下的图片、CSS文件、JavaScript文件对外开放访问了：
app.use(express.static('public'))

现在，你就可以访问 public 目录中的所有文件了：

http://localhost:3000/images/bg.jpg

http://localhost:3000/css/style.css

http://localhost:3000/js/login.js

注意：Express 在指定的静态目录中查找文件，并对外提供资源的访问路径。
因此，存放静态文件的目录名不会出现在 URL 中。

提示：public 和 files 是文件夹名,app(Web 服务器)

托管多个静态资源目录

如果要托管多个静态资源目录，请多次调用 e