0
点赞
收藏
分享

微信扫一扫

Express——基于 Node.js 平台的 web 应用开发框架

Express

1. Express 简介

  1. Express 是基于 Node.js 平台,快速、开放、极简的 Web 开发框架(npm 上的第三方包)。

  2. 其作用和 Node.js 内置的 http 模块类似,是专门用来创建 Web 服务器的。但http 内置模块用起来很复杂,开发效率低Express基于内置的 http 模块进一步封装出来的能够极大的提高开发效率

  3. 使用 Express,我们可以方便、快速的创建 Web 网站的服务器API 接口的服务器
    在这里插入图片描述

  4. Express 的中文官网: http://www.expressjs.com.cn/链接

2. Express 的基本使用

安装

在项目所处的目录中,运行如下的终端命令,即可将 express 安装到项目中使用:

npm i express

创建基本的 Web 服务器

// 1. 导入 express
const express = require('express')
 // 2. 创建 web 服务器
const app = express()
// 3. 调用app.listen(端口号,启动成功后的回调函数) , 启动 web 服务器
app.listen(80, () => {
    console.log('express server running at http://127.0.0.1');
})

执行 node 命令启动服务器
在这里插入图片描述

监听 GET 请求

//参数:客户端请求的URL地址、请求对应的处理函数
app.get('/user', (req, res) => {
    // 调用 express 提供的 res.send() 方法,向客户端响应一个对象
    res.send({ name: 'zs', age: 20, gender: '男' })
})

监听 POST 请求

//参数:客户端请求的URL地址、请求对应的处理函数
app.post('/user', (req, res) => {
    // 调用 express 提供的 res.send() 方法,向客户端响应一个文本字符串
    res.send('请求成功')
})

完整代码

// 1. 导入 express
const express = require('express')
    // 2. 创建 web 服务器
const app = express()

//参数:客户端请求的URL地址、请求对应的处理函数
app.get('/user', (req, res) => {
    // 调用 express 提供的 res.send() 方法,向客户端响应一个对象
    res.send({ name: 'zs', age: 20, gender: '男' })
})
//参数:客户端请求的URL地址、请求对应的处理函数
app.post('/user', (req, res) => {
    // 调用 express 提供的 res.send() 方法,向客户端响应一个文本字符串
    res.send('请求成功')
})
// 3. 调用app.listen(端口号,启动成功后的回调函数) , 启动 web 服务器
app.listen(80, () => {
    console.log('express server running at http://127.0.0.1');
})

执行 node 命令启动服务器
在这里插入图片描述
Postman中发起getpost请求,数据可被成功接收
在这里插入图片描述
在这里插入图片描述

req.query

通过req.query 对象,可以访问到客户端通过查询字符串的形式,发送到服务器的参数。默认情况下req.query是一个空对象。

//参数:客户端请求的URL地址、请求对应的处理函数
app.get('/', (req, res) => {
        // 通过 req.query 可以获取到客户端发送过来的 查询参数
        console.log(req.query);
        res.send(req.query)
})

执行 node 命令启动服务器,在Postman中发起get请求,结果如图所示
在这里插入图片描述在这里插入图片描述

req.params

通过 req.params 对象,可以访问到 URL 中,通过 : 匹配到的动态参数:

// :id 是一个动态的参数
app.get('/user/:id', (req, res) => {
    // req.params 是动态匹配到的 URL 参数,默认也是一个空对象
    console.log(req.params);
    res.send(req.params)
})

执行 node 命令启动服务器,在Postman中发起get请求,结果如图所示
在这里插入图片描述
注意

  • :是固定的,但是后面的参数名字可以自己取
  • 可以一次性写多个动态参数
    在这里插入图片描述

express.static()

通过使用express.static(),我们可以非常方便地创建一个静态资源服务器。例如,通过如下代码就可以将 clock目录下的图片、CSS 文件、JavaScript 文件对外开放访问了:

app.use(express.static('clock'))

在这里插入图片描述

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

// 1. 导入 express
const express = require('express')
    // 2. 创建 web 服务器
const app = express()

// 在这里,调用 express.static() 方法,快速的对外提供静态资源
app.use(express.static('clock'))


// 3. 调用app.listen(端口号,启动成功后的回调函数) , 启动 web 服务器
app.listen(80, () => {
    console.log('express server running at http://127.0.0.1');
})

执行 node 命令启动服务器,可以在http://127.0.0.1/index.htmlhttp://127.0.0.1/index.jshttp://127.0.0.1/index.css查看相关内容
在这里插入图片描述

举报

相关推荐

0 条评论