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

已于 2022-02-16 13:15:31 修改
阅读量988 收藏 5
点赞数 3
分类专栏： # Node.js 文章标签： 前端 node.js javascript 后端 npm
于 2022-02-14 12:06:58 首次发布
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/qq_45890970/article/details/122920792
版权

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 的基本使用

2.1 安装

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

npm i express

2.2 创建基本的 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 命令启动服务器
在这里插入图片描述

2.3 监听 GET 请求

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

2.4 监听 POST 请求

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

2.5 完整代码

// 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中发起get和post请求，数据可被成功接收。
在这里插入图片描述
在这里插入图片描述

2.6 req.query

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

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

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

2.7 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请求，结果如图所示
在这里插入图片描述
注意：

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

2.8 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.html、http://127.0.0.1/index.js、http://127.0.0.1/index.css查看相关内容
在这里插入图片描述
如果要托管多个静态资源目录，请多次调用 express.static()函数。访问静态资源文件时，express.static()函数会根据目录的添加顺序查找所需的文件。

比如 files中有index.html文件，clock中也有index.html文件。但因为files文件先添加，所以打开http://127.0.0.1/index.html得到的是files里面的index.html文件

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

如果希望在托管的静态资源访问路径之前，挂载路径前缀，则可以使用如下的方式：

app.use('/files', express.static('files'))

在这里插入图片描述

2.9 nodemon

在编写调试 Node.js 项目的时候，如果修改了项目的代码，则需要频繁关闭服务器然后再重新启动，非常繁琐。nodemon 这个工具，它能够监听项目文件的变动，当代码被修改后，nodemon会自动帮我们重启项目，极大方便了开发和调试。

安装

在终端中，运行如下命令，即可将 nodemon 安装为全局可用的工具：

npm install -g nodemon

在这里插入图片描述

使用

用nodemon 代替node运行js文件，每次文件发生变化，服务器都会重启。
在这里插入图片描述

3. Express 路由

3.1 定义

  1. 在 Express 中，路由指的是客户端的请求与服务器处理函数之间的映射关系。
  2. Express 中的路由分 3 部分组成，分别是请求的类型、请求的 URL 地址、处理函数，格式如下：
  3. 每当一个请求到达服务器之后，需要先经过路由的匹配，只有匹配成功之后，才会调用对应的处理函数。在匹配时，会按照路由的顺序进行匹配。如果请求类型和请求的 URL 同时匹配成功，则 Express 会将这次请求，转交给对应的 function 函数进行处理。
    在这里插入图片描述

3.2 使用

把路由挂载到 app 上

const express = require('express')
const app = express()

// 挂载路由
app.get('/', (req, res) => {
  res.send('hello world.')
})
app.post('/', (req, res) => {
  res.send('Post Request.')
})

app.listen(80, () => {
  console.log('http://127.0.0.1')
})

在这里插入图片描述

模块化路由

为了方便对路由进行模块化的管理，Express 不建议将路由直接挂载到 app 上，而是推荐将路由抽离为单独的模块。
在这里插入图片描述
模块化路由.js

//路由模块
const express = require('express')
    // 创建路由对象
const router = express.Router()

// 挂载具体的路由
router.get('/user/list', (req, res) => {
    res.send('Get user list')
})

router.post('/user/add', (req, res) => {
        res.send('Add new user')
    })
    // 向外导出路由对象
module.exports = router

路由.js

const express = require('express')
const app = express()

// 1. 导入路由模块
const router = require('./模块化路由.js')
// 2. 注册路由模块
app.use(router)
//  app.use() 函数的作用，就是来注册全局中间件

app.listen(80, () => {
    console.log('http://127.0.0.1')
})

执行nodemon 路由.js，在Postman中发起post请求
在这里插入图片描述

为路由模块添加前缀

类似于托管静态资源时，为静态资源统一挂载访问前缀一样。在使用app.use()时添加统一的访问前缀

app.use('/api', router)

在这里插入图片描述

4. Express 中间件

  1. 中间件（Middleware ），特指业务流程的中间处理环节。
  2. 当一个请求到达 Express 的服务器之后，可以连续调用多个中间件，从而对这次请求进行预处理。
    在这里插入图片描述
  3. Express 的中间件，本质上就是一个function 处理函数。中间件函数的形参列表中必须包含 next参数 。而路由处理函数中只包含 req和 res。
    在这里插入图片描述
  4. next 函数是实现多个中间件连续调用的关键，它表示把流转关系转交给下一个中间件或路由。
    在这里插入图片描述

4.1 定义中间件函数

const mw = function (req, res, next) {
  console.log('这是最简单的中间件函数')
  // 把流转关系，转交给下一个中间件或路由
  next()
}

4.2 全局生效的中间件

  1. 全局生效的中间件：客户端发起的任何请求，到达服务器之后，都会触发的中间件。

  2. 通过调用 app.use(中间件函数)，即可定义一个全局生效的中间件，示例代码如下：

// 定义一个最简单的中间件函数
const mw = function (req, res, next) {
  console.log('这是最简单的中间件函数')
  // 把流转关系，转交给下一个中间件或路由
  next()
}

// 将 mw 注册为全局生效的中间件
app.use(mw)
  1. 演示
const express = require('express')
const app = express()
    // 定义一个最简单的中间件函数
const mw = function(req, res, next) {
    console.log('这是最简单的中间件函数')
        // 把流转关系，转交给下一个中间件或路由
    next()
}

// 将 mw 注册为全局生效的中间件
app.use(mw)

app.get('/', (req, res) => {
    console.log('调用了 / 这个路由')
    res.send('Home page.')
})

app.listen(80, () => {
    console.log('express server running at http://127.0.0.1');
})

执行nodemon命令后，在Postman中发起get请求，终端输出这是最简单的中间件函数，表明中间件函数被调用过。
在这里插入图片描述

简化形式

app.use((req, res, next) => {
    console.log('这是简化的中间件函数')
    next()
})

定义多个全局中间件

可以使用 app.use() 连续定义多个全局中间件。客户端请求到达服务器之后，会按照中间件定义的先后顺序依次进行调用。

const express = require('express')
const app = express()

// 定义第一个全局中间件
app.use((req, res, next) => {
        console.log('调用了第1个全局中间件')
        next()
    })
    // 定义第二个全局中间件
app.use((req, res, next) => {
    console.log('调用了第2个全局中间件')
    next()
})

// 定义一个路由
app.get('/user', (req, res) => {
    console.log('User page')
    res.send('User page')
})

app.listen(80, () => {
    console.log('http://127.0.0.1')
})

在这里插入图片描述

4.3 局部生效的中间件

局部生效的中间件：不使用 app.use()定义的中间件


// 1. 定义中间件函数
const mw1 = (req, res, next) => {
  console.log('调用了局部生效的中间件')
  next()
}

// 2. 创建路由 , mw1这个中间件只在“当前路由中生效”
app.get('/', mw1, (req, res) => {
  res.send('Home page.')
})
// mw1这个中间件不会影响下面这个路由
app.get('/user', (req, res) => {
  res.send('User page.')
})

定义多个局部中间件

注意：写的顺序就是调用中间件的顺序
在这里插入图片描述

4.4 中间件的作用

多个中间件之间，共享同一份 req 和 res。基于这样的特性，我们可以在上游的中间件中，统一为 req或 res对象添加自定义的属性或方法，供下游的中间件或路由进行使用
在这里插入图片描述
示例：

const express = require('express')
const app = express()

// 这是定义全局中间件的简化形式
app.use((req, res, next) => {
    // 获取到请求到达服务器的时间
    const time = new Date()
        // 为 req 对象，挂载自定义属性，从而把时间共享给后面的所有路由
    req.startTime = time
    next()
})

app.get('/', (req, res) => {
    res.send('Home page ' + req.startTime)
})
app.get('/user', (req, res) => {
    res.send('User page ' + req.startTime)
})

app.listen(80, () => {
    console.log('http://127.0.0.1')
})

在这里插入图片描述

4.5 使用注意事项

在这里插入图片描述

4.6 中间件的分类

Express 官方把常见的中间件用法，分成了 5 大类，分别是：
在这里插入图片描述

应用级别的中间件

通过 app.use()或 app.get() 或 app.post()，绑定到 app 实例上的中间件，叫做应用级别的中间件，代码示例如下：
在这里插入图片描述

路由级别的中间件

绑定到 express.Router()实例上的中间件，叫做路由级别的中间件。它的用法和应用级别中间件没有任何区别。只不过，应用级别中间件是绑定到 app 实例上，路由级别中间件绑定到 router 实例上，代码示例如下：
在这里插入图片描述

错误级别的中间件

  • 作用：专门用来捕获整个项目中发生的异常错误，从而防止项目异常崩溃的问题。
  • 格式：错误级别中间件的 function 处理函数中，必须有 4 个形参，形参顺序从前到后，分别是 (err, req, res, next)。
  • 注意：错误级别的中间件，必须注册在所有路由之后！
    在这里插入图片描述
// 导入 express 模块
const express = require('express')
    // 创建 express 的服务器实例
const app = express()

// 1. 定义路由
app.get('/', (req, res) => {
    throw new Error('服务器内部发生了错误！') //错误发生后会找错误级别的中间件
    res.send('Home page.') //不会执行
})

// 2. 定义错误级别的中间件，捕获整个项目的异常错误，从而防止程序的崩溃
app.use((err, req, res, next) => {
    console.log('发生了错误！' + err.message)
    res.send('Error：' + err.message)
})

// 调用 app.listen 方法，指定端口号并启动web服务器
app.listen(80, function() {
    console.log('Express server running at http://127.0.0.1')
})

在这里插入图片描述

Express内置的中间件

自 Express 4.16.0 版本开始，Express 内置了 3 个常用的中间件，极大的提高了 Express 项目的开发效率和体验：
在这里插入图片描述
在这里插入图片描述
使用示例：

// 导入 express 模块
const express = require('express')
// 创建 express 的服务器实例
const app = express()

// 注意：除了错误级别的中间件，其他的中间件，必须在路由之前进行配置
// 通过 express.json() 这个中间件，解析表单中的 JSON 格式的数据
app.use(express.json())
// 通过 express.urlencoded() 这个中间件，来解析 表单中的 url-encoded 格式的数据
app.use(express.urlencoded({ extended: false }))

app.post('/user', (req, res) => {
    // 在服务器，可以使用 req.body 这个属性，来接收客户端发送过来的请求体数据
    // 默认情况下，如果不配置解析表单数据的中间件，则 req.body 默认等于 {}
    console.log(req.body)
    res.send('ok')
})

app.post('/book', (req, res) => {
    // 在服务器端，可以通过 req,body 来获取 JSON 格式的表单数据和 url-encoded 格式的数据
    console.log(req.body)
    res.send('ok')
})

// 调用 app.listen 方法，指定端口号并启动web服务器
app.listen(80, function() {
    console.log('Express server running at http://127.0.0.1')
})

结果一：
在这里插入图片描述
在这里插入图片描述
结果二：
在这里插入图片描述
在这里插入图片描述

第三方的中间件

由第三方开发出来的中间件，非 Express 官方内置的，叫做第三方中间件。在项目中，大家可以按需下载并配置第三方中间件，从而提高项目的开发效率。

例如：第三方中间件body-parser 是用来解析请求体数据的。使用步骤如下：

  • 运行 npm install body-parser 安装中间件
  • 使用 require 导入中间件
  • 调用 app.use() 注册并使用中间件
// 1. 导入解析表单数据的中间件 body-parser
const parser = require('body-parser')
// 2. 使用 app.use() 注册中间件
app.use(parser.urlencoded({ extended: false }))

注意：Express 内置的 express.urlencoded 中间件，就是基于 body-parser 这个第三方中间件进一步封装出来的

4.7 自定义中间件

手动模拟一个类似于 express.urlencoded 这样的中间件，来解析 POST 提交到服务器的表单数据。

14.custom-body-parser.js

  • 在中间件中，需要监听 req对象的 data 事件，来获取客户端发送到服务器的数据。如果数据量比较大，无法一次性发送完毕，则客户端会把数据切割后，分批发送到服务器，所以 data 事件可能会触发多次。每一次触发 data 事件时，获取到数据只是完整数据的一部分，需要手动对接收到的数据进行拼接。
  • 当请求体数据接收完毕之后，会自动触发 req 的 end 事件。因此，我们可以在 req 的 end 事件中，拿到并处理完整的请求体数据。
  • Node.js内置了一个 querystring 模块，专门用来处理查询字符串。通过这个模块提供的 parse() 函数，可以把查询字符串，解析成对象的格式。
  • 上游的中间件和下游的中间件及路由之间，共享同一份req 和 res。因此，我们可以将解析出来的数据，挂载为 req 的自定义属性，命名为 req.body，供下游使用。
// 导入 Node.js 内置的 querystring 模块
const qs = require('querystring')

const bodyParser = (req, res, next) => {
  // 定义中间件具体的业务逻辑
  // 1. 定义一个 str 字符串，专门用来存储客户端发送过来的请求体数据
  let str = ''
  // 2. 监听 req 的 data 事件
  req.on('data', (chunk) => {
    str += chunk
  })
  // 3. 监听 req 的 end 事件
  req.on('end', () => {
    // 在 str 中存放的是完整的请求体数据
    // console.log(str)
    // TODO: 把字符串格式的请求体数据，解析成对象格式
    const body = qs.parse(str)
    req.body = body
    next()
  })
}

module.exports = bodyParser

使用模块

// 导入 express 模块
const express = require('express')
// 创建 express 的服务器实例
const app = express()

// 1. 导入自己封装的中间件模块
const customBodyParser = require('./14.custom-body-parser')
// 2. 将自定义的中间件函数，注册为全局可用的中间件
app.use(customBodyParser)

app.post('/user', (req, res) => {
  res.send(req.body)
})

// 调用 app.listen 方法，指定端口号并启动web服务器
app.listen(80, function () {
  console.log('Express server running at http://127.0.0.1')
})

在这里插入图片描述

5. CORS 跨域资源共享

我们编写的 GET 和 POST接口，并不支持跨域请求，即当请求的URL不同源时无法访问我们的接口。所以我们需要解决接口跨域问题，目前有两种方案

  • CORS（主流的解决方案，推荐使用）
  • JSONP（有缺陷的解决方案：只支持 GET 请求）

在这里我们只介绍CORS，有关跨域与JSONP的问题可以参考链接

5.1 什么是 CORS

  1. CORS （Cross-Origin Resource Sharing，跨域资源共享）由一系列 HTTP 响应头组成，这些 HTTP 响应头决定浏览器是否阻止前端 JS 代码跨域获取资源。
  2. 浏览器的同源安全策略默认会阻止网页“跨域”获取资源。但如果接口服务器配置了 CORS 相关的 HTTP 响应头，就可以解除浏览器端的跨域访问限制。
    在这里插入图片描述
  3. CORS 主要在服务器端进行配置。客户端浏览器无须做任何额外的配置，即可请求开启了 CORS 的接口。
  4. CORS 在浏览器中有兼容性。只有支持 XMLHttpRequest Level2 的浏览器，才能正常访问开启了 CORS 的服务端接口（例如：IE10+、Chrome4+、FireFox3.5+）。

5.2 使用 cors 中间件

cors 是 Express 的一个第三方中间件。通过安装和配置 cors 中间件，可以很方便地解决跨域问题。

  • 运行 npm install cors 安装中间件
  • 使用 const cors = require('cors') 导入中间件
  • 在路由之前调用 app.use(cors()) 配置中间件
// 一定要在路由之前，配置 cors 这个中间件，从而解决接口跨域的问题
const cors = require('cors')
app.use(cors())

5.3 CORS 响应头部

Access-Control-Allow-Origin

origin 参数的值指定了允许访问该资源的外域 URL。例如，下面的字段值将只允许来自 http://www.baidu.com/的请求：

res.setHeader('Access-Control-Allow-Origin','http://www.baidu.com/')

注意：如果指定了 Access-Control-Allow-Origin字段的值为通配符*，表示允许来自任何域的请求，示例代码如下：

res.setHeader('Access-Control-Allow-Origin','*')

Access-Control-Allow-Headers

默认情况下，CORS仅支持客户端向服务器发送如下的 9 个请求头：
Accept、Accept-Language、Content-Language、DPR、Downlink、Save-Data、Viewport-Width、Width 、Content-Type （值仅限于 text/plain、multipart/form-data、application/x-www-form-urlencoded 三者之一）

如果客户端向服务器发送了额外的请求头信息，则需要在服务器端通过 Access-Control-Allow-Headers 对额外的请求头进行声明，否则这次请求会失败！

//允许客户端发送Content-Type 请求头和X-Custom-Header请求头
//注意：多个请求头之间使用英文的逗号进行分割
res.setHeader('Access-Control-Allow-Headers','Content-Type ,X-Custom-Header')

Access-Control-Allow-Methods

默认情况下，CORS仅支持客户端发起 GET、POST、HEAD 请求。

如果客户端希望通过 PUT、DELETE 等方式请求服务器的资源，则需要在服务器端，通过 Access-Control-Alow-Methods来指明实际请求所允许使用的 HTTP 方法。示例代码如下：

//允许 POST、GET、DELETE、HEAD请求方法
res.setHeader('Access-Control-Allow-Methods','POST,GET,DELETE,HEAD')

//允许所有的HTTP请求方法
res.setHeader('Access-Control-Allow-Methods','*')

5.4 CORS请求的分类

客户端在请求 CORS 接口时，根据请求方式和请求头的不同，可以将 CORS的请求分为两大类，分别是：

  • 简单请求
  • 预检请求

简单请求

同时满足以下两大条件的请求，就属于简单请求：

  • 请求方式：GET、POST、HEAD 三者之一
  • HTTP 头部信息不超过以下几种字段：无自定义头部字段、Accept、Accept-Language、Content-Language、DPR、Downlink、Save-Data、Viewport-Width、Width 、Content-Type（只有三个值application/x-www-form-urlencoded、multipart/form-data、text/plain）

预检请求

只要符合以下任何一个条件的请求，都需要进行预检请求：

  • 请求方式为 GET、POST、HEAD 之外的请求 Method 类型
  • 请求头中包含自定义头部字段
  • 向服务器发送了 application/json 格式的数据

在浏览器与服务器正式通信之前，浏览器会先发送OPTION请求进行预检，以获知服务器是否允许该实际请求，所以这一次的 OPTION 请求称为“预检请求”。服务器成功响应预检请求后，才会发送真正的请求，并且携带真实数据。

区别

简单请求：客户端与服务器之间只会发生一次请求。
预检请求：客户端与服务器之间会发生两次请求，OPTION 预检请求成功之后，才会发起真正的请求。

5.5 创建 JSONP 接口的注意事项

如果项目中已经配置了 CORS 跨域资源共享，为了防止冲突，必须在配置 CORS中间件之前声明 JSONP 的接口，否则 JSONP 接口会被处理成开启了 CORS 的接口。

// 必须在配置 cors 中间件之前，配置 JSONP 的接口
app.get('/api/jsonp', (req, res) => {
  // TODO: 定义 JSONP 接口具体的实现过程
  // 1. 得到函数的名称
  const funcName = req.query.callback
  // 2. 定义要发送到客户端的数据对象
  const data = { name: 'zs', age: 22 }
  // 3. 拼接出一个函数的调用
  const scriptStr = `${funcName}(${JSON.stringify(data)})`
  // 4. 把拼接的字符串，响应给客户端
  res.send(scriptStr)
})

// 一定要在路由之前，配置 cors 这个中间件，从而解决接口跨域的问题
const cors = require('cors')
app.use(cors())

6. 在项目中操作 MySQL

有关MySQL的相关介绍和SQL语句可参考该链接SQL简单易懂学习笔记
在这里插入图片描述

步骤

  • 执行命令npm i mysql，安装操作 MySQL 数据库的第三方模块（mysql）。mysql 模块是托管于 npm 上的第三方模块。它提供了在 Node.js 项目中连接和操作 MySQL 数据库的能力。
    在这里插入图片描述
  • 通过 mysql 模块连接到 MySQL 数据库
// 1. 导入 mysql 模块
const mysql = require('mysql')
// 2. 建立与 MySQL 数据库的连接关系
const db = mysql.createPool({
    host: '127.0.0.1', // 数据库的 IP 地址
    user: 'root', // 登录数据库的账号
    password: 'JONEY', // 登录数据库的密码
    database: 'my_db_01' // 指定要操作哪个数据库
})
  • 测试 mysql模块能否正常工作。调用 db.query()函数，指定要执行的 SQL 语句，通过回调函数拿到执行的结果
// 测试 mysql 模块能否正常工作
db.query('SELECT 1', (err, results) => {
    if (err) return console.log(err.message);
    //只要打印出[ RowDataPacket { '1': 1 } ]的结果，就证明数据库连接正常
    console.log(results);
})

操作

SELECT

// 查询 users 表中所有的数据
db.query('SELECT * FROM users', (err, results) => {
    // 查询数据失败
    if (err) return console.log(err.message);
    // 查询数据成功
   // 注意：如果执行的是 select 查询语句，则执行的结果是数组
    console.log(results);
})

在这里插入图片描述

INSERT INTO

// 向 users 表中，新增一条数据，其中 username 的值为 Spider-Man，password 的值为 pcc123
const user = { username: 'Spider-Man', password: 'pcc123' }
    // 定义待执行的 SQL 语句, 其中英文的?表示占位符
const sqlStr = 'insert into users (username, password) values (?, ?)'
    // 执行 SQL 语句，将数据对象当作占位符的值
db.query(sqlStr, [user.username, user.password], (err, results) => {
    // 执行 SQL 语句失败了
    if (err) return console.log(err.message)
        // 成功了
        // 注意：如果执行的是 insert into 插入语句，则 results 是一个对象
        // 可以通过 affectedRows 属性，来判断是否插入数据成功
    if (results.affectedRows === 1) {
        console.log(results)
        console.log('插入数据成功!')
    }
})

在这里插入图片描述
在这里插入图片描述

注意：插入数据的便捷方式

// 演示插入数据的便捷方式
const user = { username: 'Spider-Man2', password: 'pcc4321' }
    // 定义待执行的 SQL 语句
const sqlStr = 'insert into users set ?'
    // 执行 SQL 语句
db.query(sqlStr, user, (err, results) => {
    if (err) return console.log(err.message)
    if (results.affectedRows === 1) {
        console.log('插入数据成功')
    }
})

在这里插入图片描述

UPDATE

// 演示如何更新用户的信息
const user = { id: 5, username: 'aaa', password: '000' }
    // 定义 SQL 语句
const sqlStr = 'update users set username=?, password=? where id=?'
    // 执行 SQL 语句
db.query(sqlStr, [user.username, user.password, user.id], (err, results) => {
    if (err) return console.log(err.message)
        // 注意：执行了 update 语句之后，执行的结果，也是一个对象，可以通过 affectedRows 判断是否更新成功
    if (results.affectedRows === 1) {
        console.log('更新成功')
    }
})

在这里插入图片描述
更新数据的便捷方式： 如果数据对象的每个属性和数据表的字段一一对应，则可以通过如下方式快速更新表数据

// 演示更新数据的便捷方式
const user = { id: 5, username: 'bbb', password: '1111' }
    // 定义 SQL 语句
const sqlStr = 'update users set ? where id=?'
    // 执行 SQL 语句
db.query(sqlStr, [user, user.id], (err, results) => {
    if (err) return console.log(err.message)
    if (results.affectedRows === 1) {
        console.log('更新数据成功')
    }
})

在这里插入图片描述

DELETE

如果SQL语句中有多个占位符，则必须使用数组为每个占位符指定具体的值。如果只要一个占位符，则可以省略数组

// 删除 id 为 5 的用户
const sqlStr = 'delete from users where id=?'
db.query(sqlStr, 5, (err, results) => {
    if (err) return console.log(err.message)
        // 注意：执行 delete 语句之后，结果也是一个对象，也会包含 affectedRows 属性
    if (results.affectedRows === 1) {
        console.log('删除数据成功')
    }
})

在这里插入图片描述

标记删除

使用 DELETE 语句，会把真正的把数据从表中删除掉。为了保险起见，推荐使用标记删除的形式，来模拟删除的动作。

标记删除就是在表中设置类似于 status 这样的状态字段，来标记当前这条数据是否被删除。当用户执行了删除的动作时，我们并没有执行 DELETE 语句把数据删除掉，而是执行了 UPDATE 语句，将这条数据对应的 status 字段标记为删除即可。

// 标记删除
const sqlStr = 'update users set status=? where id=?'
db.query(sqlStr, [1, 7], (err, results) => {
    if (err) return console.log(err.message)
    if (results.affectedRows === 1) {
        console.log('标记删除成功')
    }
})

在这里插入图片描述

焦妮敲代码
关注
  • 3
    点赞
  • 踩
  • 5
    收藏
    觉得还不错? 一键收藏
  • 打赏
    打赏
  • 1
    评论
专栏目录
Node.js的Express框架使用上手指南
12-23
Express介绍 npm提供了大量的第三方模块，其中不乏许多Web框架，比如我们本章节要讲述的一个轻量级的Web框架 ——— Express。 Express是一个简洁、灵活的node.js Web应用开发框架, 它提供一系列强大的功能，比如：模板解析、静态文件服务、中间件、路由控制等等,并且还可以使用插件或整合其他模块来帮助你创建各种 Web和移动设备应用,是目前最流行的基于Node.js的Web开发框架，并且支持Ejs、jade等多种模板，可以快速地搭建一个具有完整功能的网站。 好，下面我们就开始吧！ 1. NPM安装 npm install express 2. 获取、引用 va
Node.js-lenneth--基于koa2的nodeweb极简框架
08-10
**Node.js-lenneth——基于Koa2的Node.js Web极简框架** 在Node.js的世界里，框架扮演着至关重要的角色，它们简化了Web应用的开发流程，提供了更好的组织结构和中间件系统。`lenneth`就是这样一个框架，它是基于`...
express，一个基于 Node.js 平台，快速、开放、极简的 Web 开发框架
weixin_44152684的博客
04-29 1010
前提了解 Express 是什么：是一个第三方模块，有丰富的 API 支持，强大而灵活的中间件特性 什么是中间件：在数据交给服务器前，数据会在中间件里进行部分数据的分解，从而使得到达服务器的数据更好的进行处理。 安装express expresss 是一个第三方模块（在npm上可以下载），在使用它之前要先去下载它，在下载包之前要先创建项目，并通过npm init 创建package.json文件。 通过 npm i express 进行安装 正式进入express 1、e...
【Node.js】Node.js的Web快速开发框架Express详细介绍及代码示例
qq_22744093的博客
09-04 331
是一个基于 Node.js 的快速、简洁的 Web 开发框架，它为开发人员提供了一系列的工具和选项，可以快速创建 Web 应用程序和 API。在本文中，将介绍 Express 的基本概念、核心功能和代码示例，帮助初学者快速入门。
Node实战：7 使用express构建Web应用
Just for fun的专栏
01-23 288
7.1 安装express 7.2 express中的路由和分层     中间件一开始是被用来描述软件组件，会将两个东西连接起来，如事务逻辑层和数据服务器的连接或者存储服务和应用模块的连接等。     路由基础：app.method(url_pattern, optional_functions, request_handler_function);     Eg. app.pos
express（基于 Node.js 平台，快速、开放、极简的 web 开发框架）
dkh_321的博客
09-26 3976
express   一，Express初步 1，什么是Express? express单词的意思：快速地，迅速地   官网：http://www.expressjs.com.cn/   Express 基于 Node.js 平台，快速、开放、极简的 web 开发框架。   2，安装Express 我们可以把express理解成一个包，如何去安装一个包？ 通过npm inst
基于express开发web应用框架
jia109014的博客
03-10 292
//1.引入express框架 (url/querystring/path/fs/http等) const express = require(“express”) //2.创建web服务器 const app = express() //3.监听端口 app.listen(3000,“localhost”,()=>{ console.log(“端口3000正在监听着哦…”) }) //4....
基于 Node.js 平台的下一代 web 开发框架Koa-6课时 课件 源码.zip
07-05
在本课程中，我们将深入探讨基于Node.js平台的下一代Web开发框架——Koa。Koa由Express团队的一些核心成员创建，旨在提供一个更简洁、更强大的基础，用于构建高效的Web应用。Koa的设计目标是通过引入中间件系统，...
quizNode.js:具有用于Node.js的Express框架的Web应用程序
05-18
"quizNode.js:具有用于Node.js的Express框架的Web应用程序" 这个标题揭示了项目的核心——一个基于Node.js平台构建的Web应用程序，它利用了Express框架。Express是Node.js中最受欢迎的Web应用框架，用于简化服务器端...
全栈开发之道：MongoDB Express AngularJS Node.js
11-10
MongoDB、Express、AngularJS和Node.js构成了广受欢迎的全栈开发框架——MEAN，它为开发者提供了一种高效、灵活且现代化的解决方案，用于构建动态Web应用。在这个框架中，每个组件都扮演着关键角色，共同促进快速的...
Node.js Web开发实战-（共14章）PPT.rar
11-07
第1章 初识 Node.js.ppt 第2章 Javascript基础.ppt ...第10章 Express框架.ppt 第11章 socket.io 模块.ppt 第12章 MongoDb数据库.ppt 第13章 综合项目——全栈开发博客网.ppt 第14章 课程设计——网络版五子棋.ppt
express基本使用
SheepOnTheCloud的博客
08-12 192
5,因为没有是要脚手架的原因，所以每次都需要重启，也可以安装插件nodemon实现自动重启。2,新建文件express.js。
Node.js开发框架Express.js做一个简单的Web应用以及代码详解
SteveRocket's-Blog
07-02 1120
Node.js是一个基于Chrome V8引擎的JavaScript运行环境，可以让JavaScript在服务器端运行。Express.js是Node.js应用最广泛的一个开源Web应用程序框架，提供了一组强大的功能，使得开发Web应用程序变得更加容易和高效。1. 简单易用：Express.js提供了一组简单易用的API，使得开发Web应用程序变得更加容易和高效。 2. 轻量级：Express.js是一个轻量级的框架，不会对服务器资源造成过多的负担。 3. 高度可定制：Express.js提供了丰富的中
Node.js(四)-express
Stitch_xiao的博客
01-04 1268
官方：Express是基于Node.js平台快速、开放、极简的web开发框架。
使用Express开发个人网站（一）
xiaozhen0610的博客
08-27 478
Express，基于Node.js平台，快速、开放、极简的 web 开发框架。 　　Node的出现，让js有了运行在服务器端的可能，基于此的Express，可以快速，简单的搭建起一个服务器与个人网站。 安装 　　首先安装nodejs，具体安装过程这里不再累述，进入到创建的应用目录，使用npm init命令创建一个package.json 文件，这个命令会要求你输入一些信息，比如像个人信息，应用的版本号等，可以直接跳过使用默认，只有一个entry point除外，这个参数规定了当前应用的入口文件，你可以使.
nodejs——express及其应用生态
№沐栀的博客
05-11 126
简单记录了如何使用express创建服务器，并进行相关的配置
express开发最基本流程
natsu的专栏
02-03 463
以使用 superagent 与 cheerio 完成简单爬虫为例，需要用到三个依赖，分别是 express，superagent 和 cheerio。 先介绍一下， superagent(http://visionmedia.github.io/superagent/ ) 是个 http 方面的库，可以发起 get 或 post 请求。 cheerio(https://gith
Node.js(三)Express
释怀°Believe的博客
04-12 335
文章目录一、初识Express1.1什么是Express1.2Express的基本使用1.3托管静态资源1.4nodemon二、Express路由2.1路由的概念2.2路由的使用三、Express中间件3.2Express中间件的初体验 一、初识Express 1.1什么是Express Express是基于Node.js平台，快捷、开放、极简的Web开发框架。 通俗的说：Express的作用和Node.js内置的http模块类似，专门用来创建Web服务器的 Express的本质：就是一个npm上的第三方包
Express安装与基础使用
最新发布
weixin_52663662的博客
01-16 2404
是一个封装好的工具包，封装了很多功能，便于我们开发。是一个完整的中间件和路由系统，可以看做是一个小型的。如果静态资源与路由规则同时匹配，谁先匹配谁就响应。路由响应动态资源，静态资源中间件响应静态资源。来方便获取请求报文中的数据，并且兼容原生。来方便给客户端响应数据，并且兼容原生。第四步：设置路由中间件，然后使用。对路由进行模块化，更好的管理路由。使用函数封装公共操作，简化代码。只需要对某一些路由进行功能封装。可以像路由回调一样访问。第三步：获取中间件函数。路径中的参数（数据），则就需要路由中间件。
基于Node.js的Web框架有哪些
06-10
基于Node.js的Web框架有很多，以下是其中几个比较流行的： 1. Express：是一个快速、灵活、简单的Node.js Web框架，它提供了很多有用的功能和工具，让创建Web应用变得非常容易。 2. Koa：是一个新一代的Web框架，...

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论 1
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

焦妮敲代码

你的鼓励将是我创作的最大动力

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付：¥1
获取中
扫码支付

您的余额不足，请更换扫码支付或充值

打赏作者

实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值