怎样在前端项目中使用MySQL模块操作数据库？

作者：黑马程序员 2023-06-15 15:21:43开发 前端 MySQL 要想在项目中操作数据库，样前 首先要安装操作 MySQL 数据库的端项第三方模块(mysql)， 借助mysql 模块连接到 MySQL 数据库，目中L模 执行 SQL 语句，使用具体的块操流程如下图所示。

要想在项目中操作数据库，作数 首先要安装操作 MySQL 数据库的据库第三方模块(mysql)， 借助mysql 模块连接到 MySQL 数据库，样前 执行 SQL 语句，端项具体的目中L模流程如下图所示。

安装与配置 mysql 模块

1. 安装 mysql 模块

mysql 模块是使用托管于 npm 上的第三方模块。它提供了在 Node.js 项目中连接和操作 MySQL 数据库的块操能力。 想要在项目中使用它，作数需要先运行如下命令，据库将 mysql 安装为项目的样前依赖包：

npm install mysql

2. 配置 mysql 模块

在使用 mysql 模块操作 MySQL 数据库之前，必须先对 mysql 模块进行必要的配置，主要的配置步骤如下：

// 1.导入mysq1模块const mysql = require('mysql')// 2.建立与 MySQL数据库的连接const db = mysql.createPool({   host: '127.0.0.1',      //数据库的IP地址  user: 'root',           //登录数据库的账号  password:‘admin123'，  //登录数据库的密码  database:‘my_db_01'    //指定要操作哪个数据库}）

3. 测试 mysql 模块能否正常工作

调用 db.query() 函数，指定要执行的 SQL 语句，通过回调函数拿到执行的结果：

//检测mysq1模块能否正常工作db.query('SELECT 1', (err, results) => {    if (err) return console.log(err.message)   //只要能打印出[RowDataPacket{ '1'：1}]的结果，就证明数据库连接正常   console.log(results)})

使用 mysql 模块操作 MySQL 数据库

1. 查询数据

查询 users 表中所有的数据

//查询users表中所有的用户数据db.query('SELECT * FROM users', (err, results) => {     //查询失败    if (err) return console.log(err.message)    //查询成功    console.log(results)}）

2. 插入数据

向 users 表中新增数据， 其中 username 为 Spider-Man，password 为 pcc321。示例代码如下：

// 1. 要插入到users表中的数据对象const user = {  username: 'Spider-Man', password: 'pcc321' }// 2. 待执行的 SQL 语句，其中英文的？ 表示占位符const sqlStr = 'INSERT INTO users (username, password) VALUES (?, ?)'// 3. 使用数组的形式，依次为？占位符指定具体的值db.query(sqlStr, [user.username, user.password], (err, results) =» {    if(err)return console.log(err.message)//失败   if(results.affectedRows=== 1) {  console.log('插入数据成功') } // 成功})

3. 插入数据的便捷方式

向表中新增数据时，如果数据对象的每个属性和数据表的字段一一对应，则可以通过如下方式快速插入数据：

// 1. 要插入到users表中的数据对象const (vser = {  username: 'Spider-Man2', password: 'pcc4321'}// 2. 待执行的SQL语句，其中英文的？表示占位符const sqlStr = 'INSERT INTO users SET ?'// 3. 直接将数据对象当作占位符的值db.query(sqlStr, user, (err, results) => {    if(err)return console.log(err.message)//失败   if(results.affectedRows===1){ console.log('插入数据成功')}//成功})

4. 更新数据

可以通过如下方式，更新表中的数据：

// 1.要更新的数据对象const user = {  id: 7, username: 'aaa', password: '000' }// 2.要执行的SQL 语句const sqlStr = 'UPDATE users SET username=?, password=? WHERE id=?'// 3.调用db.query()执行 SQL 语句的同时，使用数组依次为占位符指定具体的值db.query(sqlStr, [user.username, user.password, user.id], (err, results) => {    if(err)return console.log(err.message) // 失败   if(results.affectedRows===1){ console.log('更新数据成功！')}//成功})

5. 更新数据的便捷方式

更新表数据时，如果数据对象的每个属性和数据表的字段一一对应，则可以通过如下方式快速更新表数据：

// 1. 要更新的数据对象const user = {  id: 7, username: 'aaaa', password: '0000' }// 2. 要执行的 SQL 语句const sqlStr = 'UPDATE users SET ? WHERE id=?'// 3. 调用db.query（）执行 SQL 语句的同时，使用数组依次为占位符指定具体的值db.query(sqlStr,[user,user.id],(err,results) =>{    if(err)return console.log(err.message)//失败   if（results.affectedRows === 1) { console.log('更新数据成功!') } //成功})

6. 删除数据

在删除数据时，推荐根据 id 这样的唯一标识，来删除对应的数据。示例如下：

// 1.要执行的 SQL 语句const sqlStr = 'DELETE FROM users WHERE id=?'// 2.调用 db.query（）执行 SQL语句的同时，为占位符指定具体的值// 注意：如果SQL语句中有多个占位符，则必须使用数组为每个占位符指定具体的值//        如果SQL语句中只有一个占位符，则可以省略数组db.query(sqlStr, 7, (err, results) => {    if(err)return console.log(err.message)//失败   if(results.affectedRows ===1){ console.log('删除数据成功!‘)}//成功})

7. 标记删除

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

所谓的标记删除，就是在表中设置类似于 status 这样的状态字段，来标记当前这条数据是否被删除。

当用户执行了删除的动作时，我们并没有执行 DELETE 语句把数据删除掉，而是执行了 UPDATE 语句，将这条数据对应的 status 字段标记为删除即可。

//标记删除：使用 UPDATE 语句替代 DELETE语句；只更新数据的状态，并没有真正删除db.query('UPDATE USERS SET status=1 WHERE id=?', 6, (err, results) =>(  if(err)return console.log(err.message)//失败  if(results.affectedRows === 1){ console.log('删除数据成功！')}//成功})

责任编辑：华轩 来源： 今日头条 MySQL前端数据库

(责任编辑：娱乐)